◆ 螢幕解析度比例值
目前主要是4:3 與16:9 二大類。前者是舊架構,後者是現用的新架
構。
16:9尺寸的高度有幾個偵測點:320, 480, 768, 1080, 1024
16:9尺寸的寬度有一個重要分界點「1920px」,這也是HD的尺寸
。因為這是人類眼睛對解析度的分辨極限,超過之後解析度人類無
法分別。
所以,就不必為高解析度螢幕如何偵測、設計的問題去傷腦筋,所有
網頁佈局外框標準之最大寬度一律都設在1920px。
◆ 文字大小
問:為什麼RWD設計原則,尺寸大於768用rem,小於要用px ?
答:這跟 rem 特性有關 (看網頁字型尺寸規格)。
768px與傳統螢幕尺寸有關。
小螢幕使用 rem 可能導致文字過小不易讀,改用 px 可保證
文字顯示正常。
反之,px 對大螢幕較不友好,屏幕大時使用 px ,字體不會
隨螢幕放大而放大,所以在較大螢幕上會使文字區縮小而不
自然。
另要注意的是,網頁設計時要特別對手機可放大尺寸的設定,
倍數參數如下(通用是2倍):
maximum-scale
通用語法如下:
<meta name="viewport" content="width=device-width,
initial-scale=1.0, maximum-scale=2.0" />