Convert pixel values to rem against a chosen root font size, the usual way to keep responsive and accessible layouts.
| 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。