px 換 rem — 120 種尺寸的 CSS 單位表

最常用的尺寸

正文 16、小字 14、間距 8/24/32——這些是反覆出現的數值。

rem 為什麼除以 16

因為瀏覽器預設根字級是 16px，而 rem 是它的倍數。讀者在瀏覽器裡調大字級時，只有用 rem 寫的部分會跟著變大，寫死成 px 的地方紋絲不動。

螢幕上 pt 與英寸也是按像素定的

CSS 規定 1 英寸等於 96px，1pt 等於 1/72 英寸。所以 16px 正好是 12pt——但把尺貼到螢幕上，那個「英寸」並不是真的一英寸。

能整除的尺寸

rem 在 16 的倍數上是整數，pt 在 4 的倍數上是整數——因為 4px 正好是 3pt。

從 1px 到 120px

怎麼看這一頁

• rem = px ÷ 16，因為瀏覽器預設根字級是 16px。
• pt = px × 0.75，因為 CSS 規定 1 英寸 = 96px、1pt = 1/72 英寸。
• 1pc 等於 12pt，1 英寸既是 96px 也是 72pt。
• 文字和間距用 rem，邊框這類要細的線保留 px。