主頁> 網頁製作 >[RWD網站開發適用]Google 推出 Resizer 助開發者測試回應式網站

[RWD網站開發適用]Google 推出 Resizer 助開發者測試回應式網站

留言
分享文章: Facebook X LINE LinkedIn

回應式網頁設計(Responsive Web Design)已成為當今網頁設計趨勢,但這樣會對設計師造成更多負擔,因為RWD起碼有3個break point,要測試網頁在三種大小之下能否正常顯示需要額外的時間。但Google 推出了Resizer網上工具,相信可省下各位不少時間。

Google Resizer 介紹及教學

Resizer 是Google一個簡單的網上工具,助各位測試回應式網頁的呈現方式。只要輸入網址就會在模擬在三種裝置(PC、平版 Tablet、智能手機)上的呈現方式。
值得一提的是網站的預覽結果並非單單是一張圖,事實上我們是可以與它們互動,例如捲動(Scroll)、把鼠標放上元素(Hover)等。
此外你還可以在右上角選擇 PC 版還是流動裝置版,之後你便可以選擇各種闊度,更仔細地測試各個 break point。

網址:http://design.google.com/resizer/

尋找線上學習平台:
Udemyhahow六角學院Coursera

馬上領取Hahow好學校 9 折優惠

訪客留言