網頁

2014年9月3日 星期三

用 Window resizer 模擬不同解析度的視窗尺寸來調整網頁

最近常常遇到,網頁排版在筆記型電腦上顯示是完整的,但是用投影機投射影像後,畫面就跑掉了,只好把筆記型電腦的解析度調低來排版,只是每次解析度調來調去也挺煩的,只好尋找有沒有解決的方式,意外發現Window Resizer這個Google Chrome的擴充套件,可以用來模擬各種不同解析度的視窗尺寸,就裝來試試看。

安裝:
1. Tools -> Extensions 進入擴充套件葉面


2. 直接搜尋 Window Resizer ,找到後,按 +Free ,直接安裝


3. 確認頁面,按 Add 繼續


4. 顯示安裝完成


5. 安裝完成後,瀏覽器的右上角會多個按鈕,後續就可以透過此按鈕來選擇不同解析度來模擬個視窗尺寸



試用後,感覺蠻方便的,唯一的缺點,解析度改變後,有可能會按不到頁面最下方的按鈕,此時只要切換回原尺寸即可,畢竟調整排版而已,功能各解析度都可以試。

沒有留言:

張貼留言