基准字号与视口设置（影响 em / rem / % / vw / vh 转换）
📋 换算汇总（复制代码用）
📖 常用换算参考表（96 DPI）
| 单位 | 等价关系 | 说明 |
|---|---|---|
| 1 in | = 96 px = 2.54 cm = 72 pt = 6 pc | CSS 绝对长度基准 |
| 1 px | = 0.75 pt = 1/96 in | 像素（CSS参考像素） |
| 1 pt | = 1.333... px = 1/72 in | 印刷磅值点 |
| 1 pc | = 16 px = 12 pt | 皮卡 |
| 1 cm | = 37.795 px = 28.346 pt | 厘米 |
| 1 em | = 父元素 font-size | 相对（可变） |
| 1 rem | = 根元素 font-size（html） | 相对（可变） |
| 1 vw | = 视口宽度的 1% | 视口相对 |
| 1 vh | = 视口高度的 1% | 视口相对 |
* CSS 参考像素基于 96 DPI。实际 DPI 可能不同，但 CSS 规范统一以 96 DPI 为基准。