Google Resizer:測試RWD網頁在不同解析度上的顯示效果

Google推出的免費工具Google Resizer,協助網頁設計師在RWD(響應式)網頁上,測試網站於不同裝置解析度的顯示效果,只需輸入網址,立馬顯示網站在不同解析度下的顯示樣式。

網站名稱:Google Resizer
網站網址:https://material.io/resizer/

開啟Google Resizer,輸入要測試的網站網址。

右上方有圖示可選擇顯上方式,分別為全部、電腦、移動裝置。

選擇全部圖示,會分別列出電腦、平板、手機,網頁所顯示效果。

電腦模式下,上方有一排工具列,可選擇螢幕解析度進行顯示測試。

移動裝置模式下,也一樣可選擇不同解析度進行測試。

TOP