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

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

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

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

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

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

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

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

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

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

手機版樣式。

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

手機版橫式。

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

平板樣式。

RESIZER由Google推出測試響應式網頁(RWD)網頁工具 圖片7
收藏本文:
我的收藏
Jin
Jin 為《IN閱誌》網站管理者,專注於撰寫 Apple 技巧、3C 科技、動漫、日本文化與旅遊 等主題。以淺顯易懂的角度,分享專業見解與實用資訊。
TOP