網頁設計-Google Resizer檢視網站在不同螢幕上所呈現的畫面
免安裝軟體,線上工具。


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







Google Resizer 使用教學

STEP1

前往Google Resizer,在輸入框填入要檢視的網址,就能看在不同螢幕解析度長什麼樣子。
Resize看網頁在不同螢幕呈現1

STEP2

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

STEP3

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



Google Resizer Tools

架站幫手:Google Resizer-檢視網頁在不同螢幕顯示的樣子

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