CSS单位换算工具
px
px
16
常用CSS值速查 (基准16px)
| px | rem | em | pt | 常见用途 |
|---|---|---|---|---|
| 12 | 0.75 | 0.75 | 9 | 小号文字 |
| 14 | 0.875 | 0.875 | 10.5 | 正文（小） |
| 16 | 1 | 1 | 12 | 正文默认 |
| 18 | 1.125 | 1.125 | 13.5 | 大号正文 |
| 20 | 1.25 | 1.25 | 15 | 小标题 |
| 24 | 1.5 | 1.5 | 18 | h4 |
| 30 | 1.875 | 1.875 | 22.5 | h3 |
| 36 | 2.25 | 2.25 | 27 | h2 |
| 48 | 3 | 3 | 36 | h1 |
CSS单位说明
px：像素，绝对单位。1px = 1/96 英寸（CSS标准定义）。
em：相对单位，相对于父元素的 font-size。嵌套时会叠加计算。
rem：相对单位，相对于根元素 (html) 的 font-size。不会嵌套叠加，推荐使用。
pt：磅，印刷单位。1pt = 1/72 英寸 ≈ 1.333px。
vw/vh：视口单位。1vw = 视口宽度的 1%，1vh = 视口高度的 1%。
%：百分比，相对于父元素的对应属性值（font-size相对于父font-size，width相对于父width）。