CSS 單位·118px
118px =
7.375rem
88.5pt

118px 是多少 rem — 7.375rem,88.5pt

118px 等於 7.375rem、88.5pt,合 1.22917 英寸、31.221 毫米,是根字級的 737.5%。

rem(基準 16px)
7.375rem
pt(點)
88.5pt
pc(派卡)
7.375pc
相對根字級
737.5%
英寸
1.22917in
毫米
31.221mm
公分
3.1221cm

rem 為什麼除以 16

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

相鄰尺寸

pxrem(基準 16px)pt(點)
115px7.1875rem86.25pt
116px7.25rem87pt
117px7.3125rem87.75pt
118px7.375rem88.5pt
119px7.4375rem89.25pt
120px7.5rem90pt

螢幕上 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. 118px 是多少 rem?

7.375rem,也就是 118 除以 16。

Q. 118px 是多少 pt?

88.5pt。1pt 是 1/72 英寸、1 英寸是 96px,所以乘以 0.75。

Q. 換成實際長度呢?

1.22917 英寸,即 31.221 毫米——不過拿尺量螢幕並不會一致。

Q. 用百分比表示呢?

是根字級的 737.5%。