網頁設計-Google Resizer檢視網站在不同螢幕上所呈現的畫面

Google design resizer
Google Resizer是一款好用的免費線上工具,能讓你看自己設計的網站在各個不同電腦螢幕或手機裝置尺寸上320*480,1280*800,768*1280等常見的畫面解析度上所顯示的樣貌,以此做為參考,修改版面編排,增加使用者體驗,也可使用模擬手機瀏覽器外掛-看網站在行動網頁呈現的畫面




Google Resizer 使用教學
STEP1

前往Google Resizer,在輸入框填入要檢視的網址,就能看在不同螢幕解析度長什麼樣子。(已下架,請改用Window Resizer網頁視窗大小設定工具)
Resize看網頁在不同螢幕呈現1

STEP2

Window PC 的各種尺寸,small,medium,large等各種比例。
Resize看網頁在不同螢幕呈現2

STEP3

Phone網頁在行動裝置上瀏覽器的顯示畫面。
Resize看網頁在不同螢幕呈現4




你可能有興趣


◉延伸閱讀:看網頁在各個手機瀏覽器呈現的畫面