2019年10月5日 星期六

Web 整體佈局

◆ 螢幕解析度比例值
 目前主要是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" />