RESIZER由Google推出測試響應式網頁(RWD)網頁工具

RESIZER由Google推出測試響應式網頁(RWD)網頁工具

RESIZER是由Google所提供的工具,用來檢查網站的各種螢幕尺寸下響應式網頁(RWD)所呈現的樣式,只需要將網址放進RESIZER就能呈現電腦、平板、手機所呈現的樣子。

名稱:RESIZER
網址:https://material.io/tools/resizer/

進入後將網址修改為自己的,再按下「Enter鍵」就能開始使用囉。

RESIZER由Google推出測試響應式網頁(RWD)網頁工具

輸入網址之後就會有各種尺寸的樣式選擇,第一個:三種都呈現,第二個:電腦版、平板(可自由拉尺寸)、第三個:手機版(可自由拉尺寸)。

RESIZER由Google推出測試響應式網頁(RWD)網頁工具

切換之後,點選上方的BAR之後就能夠切換各式各樣的螢幕尺寸。

RESIZER由Google推出測試響應式網頁(RWD)網頁工具

接著就可以自由切換至想要的尺寸囉

手機版樣式。

RESIZER由Google推出測試響應式網頁(RWD)網頁工具

手機版橫式。

RESIZER由Google推出測試響應式網頁(RWD)網頁工具

平板樣式。

RESIZER由Google推出測試響應式網頁(RWD)網頁工具
相關文章
作者簡介
個人頭像照片
努力寫文中!