CSS 单位·119px
119px =
7.4375rem
89.25pt

119px 是多少 rem — 7.4375rem,89.25pt

119px 等于 7.4375rem、89.25pt,合 1.23958 英寸、31.485 毫米,是根字号的 743.75%。

rem(基准 16px)
7.4375rem
pt(磅)
89.25pt
pc(派卡)
7.4375pc
相对根字号
743.75%
英寸
1.23958in
毫米
31.485mm
厘米
3.1485cm

rem 为什么除以 16

因为浏览器默认根字号是 16px,而 rem 是它的倍数。读者在浏览器里调大字号时,只有用 rem 写的部分会跟着变大,写死成 px 的地方纹丝不动。

相邻尺寸

pxrem(基准 16px)pt(磅)
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. 119px 是多少 rem?

7.4375rem,也就是 119 除以 16。

Q. 119px 是多少 pt?

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

Q. 换成实际长度呢?

1.23958 英寸,即 31.485 毫米——不过拿尺子量屏幕并不会一致。

Q. 用百分比表示呢?

是根字号的 743.75%。