CSS 单位换算

设计稿是 px，仓库是 rem。先确认 html 上到底写了多少。em 相对父级，嵌套会叠乘，我们不走 DOM。

设计标注 px、代码写 rem——在假定根字号下做算术。不是计算样式调试器。移动端稿 375、插件把 16px 当 1rem，和桌面 16px 默认不是同一套。

物理单位走单位换算。马上要贴的阴影走 box-shadow。对比度仍是颜色，不是长度。

默认 16px=1rem，会偏

• 用户放大或改 html 字号就会偏。无障碍放大字体时，写死 px 的布局可能先坏。
• em 跟父级走。嵌套两层，本页的假设就不够。
• 厨房的厘米走通用单位换算。本页不管公斤、海里。
• 不是完整印刷 pt 附录。打印样式另算。

怎么用

1. 填项目真正的根 px（看 html 或构建配置）。
2. 换 rem ↔ px。
3. 用户放大字体时 rem 仍会变。真机再看一遍。

使用前先看清的限制

不是开发者工具，不是完整印刷 pt 附录，也不是容器查询运行时。系数错了，整站字号都会偏。