rem 是相对根元素字体大小的单位,做响应式与可访问性友好的布局时常用来替代写死的 px。输入像素值与根字号,立即得到 rem 值。
| px | rem | 常见用途 |
|---|---|---|
| 8 | 0.5 | 小间距 / 描边 |
| 12 | 0.75 | 辅助文字 |
| 14 | 0.875 | 正文小字 |
| 16 | 1 | 正文基准 |
| 20 | 1.25 | 小标题 |
| 24 | 1.5 | 标题 / 间距 |
| 32 | 2 | 区块标题 |
| 48 | 3 | 大标题 |
| 64 | 4 | 页面主标题 |
若采用 62.5% 根字号方案(1rem=10px),上表 rem 值直接除以 1.6 即可,例如 16px→1.6rem、24px→2.4rem。