文章專區

網頁設計相關文章

WINDOW RESIZER─模擬各種螢幕尺寸,RWD必備的擴充套件

WINDOW RESIZER為chrome瀏覽器的擴充外掛套件,可以模擬各種螢幕的寬度及高度,而如今的手機螢幕長寬比琳瑯滿目,除了提供幾款常見的尺寸(1080X768、640X480等等)以外,若要特地針對某個機型做數值設定的話,WINDOW RESIZER也可以自己設定尺寸幫助設計師調整畫面。

 
首先到chrome套件安裝畫面,加到CHROME
 
 
之後便可在右邊看到外掛安裝的圖示,點開會看到預設的一些基本尺寸。
 
 
點選上面想要預覽的尺寸,視窗即可跟著縮放到指定的長寬。
 
 
若要自定義螢幕大小,首先點擊右邊齒輪圖示(setting)
 
 
接著便會跳到設定畫面,點選presets
 
 
會列出目前可以選擇的尺寸,按右上角的加號圖示即可新增
 
如此便可以使用新增的尺寸了唷!