公式
1rem = root px · 1em = element px · 1pt = 96/72 px
将源单元归一化为 CSS 参考像素，然后除以目标单元的上下文像素因子。
图像和屏幕
● 在本地运行CSS 单位转换器
仅当所需上下文明确时才转换常见 CSS 长度。提供根和当前元素的字体大小，因此 rem 和 em 不会默默地采用相同的基础。
示例值
转换后的 CSS 长度
假设
- 根和元素字体大小严格为正值。
- 使用 CSS 参考像素而不是测量的物理屏幕像素。
该工具假定 CSS 参考关系 1in = 96px 和 1pt = 1/72in。排除视口单位和百分比。
配方回顾
Formula v1.0.0
已审核 2026-08-03
CalcFlow engineering review
CSS 单位转换器: 工作示例
在 16 px 根处，24 px ÷ 16 = 1.5 rem。根据参考像素规则，24 px 也等于 18 pt。
常见问题
rem 和 em 有什么区别？
rem 使用根元素字体大小。 em 使用当前元素的字体大小上下文。
为什么百分比被排除？
百分比可能取决于不同的属性和包含块，因此一个标量上下文是不够的。
CSS px 是物理像素吗？
不一定。 CSS 定义了一个参考像素，浏览器根据显示和缩放将其映射到设备像素。