60px =
3.75rem
45pt
60px 是多少 rem — 3.75rem，45pt
60px 等於 3.75rem、45pt，合 0.625 英寸、15.875 毫米，是根字級的 375%。
- rem（基準 16px）
- 3.75rem
- pt（點）
- 45pt · 整數
- pc（派卡）
- 3.75pc
- 相對根字級
- 375%
- 英寸
- 0.625in
- 毫米
- 15.875mm
- 公分
- 1.5875cm
rem 為什麼除以 16
因為瀏覽器預設根字級是 16px，而 rem 是它的倍數。讀者在瀏覽器裡調大字級時，只有用 rem 寫的部分會跟著變大，寫死成 px 的地方紋絲不動。
相鄰尺寸
螢幕上 pt 與英寸也是按像素定的
CSS 規定 1 英寸等於 96px，1pt 等於 1/72 英寸。所以 16px 正好是 12pt——但把尺貼到螢幕上，那個「英寸」並不是真的一英寸。
最常用的尺寸
正文 16、小字 14、間距 8/24/32——這些是反覆出現的數值。
怎麼看這一頁
- rem = px ÷ 16，因為瀏覽器預設根字級是 16px。
- pt = px × 0.75，因為 CSS 規定 1 英寸 = 96px、1pt = 1/72 英寸。
- 1pc 等於 12pt，1 英寸既是 96px 也是 72pt。
- 文字和間距用 rem，邊框這類要細的線保留 px。
常見問題
Q. 60px 是多少 rem？
3.75rem，也就是 60 除以 16。
Q. 60px 是多少 pt？
45pt。1pt 是 1/72 英寸、1 英寸是 96px，所以乘以 0.75。
Q. 換成實際長度呢？
0.625 英寸，即 15.875 毫米——不過拿尺量螢幕並不會一致。
Q. 用百分比表示呢？
是根字級的 375%。