像素转rem_根字号口径与相对长度单位

使用方法

先确认样式表的根字号，再输入像素值，例如16，点击换算得到1rem。把口径切换到根字号20像素后，同一输入变成0.8rem。切换会同步刷新主结果、辅助说明、对照表和表头，并清空旧的批量结果，避免两种根字号的数据混在一起。批量区每行一个像素值，用 Ctrl 或 Cmd 加回车执行；单值框按回车即可。

能解决什么

适合把设计稿上的像素标注改写为相对长度，或在整站字号调整后批量复核既有数值。用 rem 表达尺寸时，整页会随用户浏览器的字号设置一起缩放，对需要放大阅读的人更友好。本页换算的是 CSS 抽象像素，不是屏幕上的物理发光点；同一个 CSS 像素在不同设备像素比下占据的物理点数不同，不能据此推算打印尺寸或实际毫米数。

原理和变量

CSS 规范把 rem 定义为相对于根元素 font-size 的倍数，因此1rem 始终等于根元素的计算字号。多数浏览器默认根字号为16像素，于是1像素为16分之一 rem，即0.0625rem；若在 html 规则里把根字号改成20像素，或用户通过系统设置放大默认字号，1像素就变成0.05rem。em 与 rem 容易混淆：em 相对当前元素的父级字号，嵌套多层时会层层相乘，而 rem 始终锚定根元素。换算公式是像素数除以根字号，页面对原始输入做一次除法，不先四舍五入成整数字号。

定义参考：单位定义与口径说明。

完整示例

根字号16像素时，16像素等于1rem，24像素等于1.5rem，8像素等于0.5rem。切换到根字号20像素，16像素变成0.8rem，而1.5rem 会对应30像素。用16除以16等于1，可检查是否把除数写成了结果；反过来1rem 乘16像素回到16像素，验证两个方向互逆。若把16像素误当成1em 写进三层嵌套的元素里，实际尺寸可能已被父级字号放大数倍。

默认演示值：16 像素 = 1 rem。

输入范围与对照表

对照表随根字号选择器重算，表头写明当前是16像素还是20像素口径。复制TSV、下载CSV与批量导出的首行都保留口径字样，避免导出后无法复现数值。默认十二行可点击加载更多；非法行会标出第几行，不静默按零处理。示例表与批量区是两套独立数据，演示尺寸不会混入自己的样式清单。

输入范围：0 至 1000000 像素；默认有效数字为6位，可改为9或12位。像素转rem按上述单位口径计算。

像素	rem
0	0
0.001	6.25000e-5
0.01	0.000625
0.1	0.00625
0.5	0.03125
1	0.0625
2	0.125
5	0.3125
10	0.625
16	1
20	1.25
50	3.125

结果边界与舍入

允许零至一百万 CSS 像素，按非负长度处理。本页只提供16与20像素两种明确根字号，不读取访问者浏览器的真实字号，也不处理媒体查询里的断点改写、容器查询单位或 transform 缩放。CSS 像素与设备像素比、打印 DPI 属于不同概念，本页不换算英寸或毫米。极大输入与有效数字显示会带来浮点末位舍入。

常见问题

1rem 等于多少像素？

取决于根字号，默认16像素时等于16像素；根字号改为20像素则等于20像素。

rem 和 em 有什么不同？

rem 锚定根元素字号，em 相对父元素字号，嵌套时 em 会层层相乘。

为什么16像素算出来是1rem？

因为默认根字号为16像素，16除以16等于1。

切换根字号后批量结果为何清空？

除数变了，清空可避免把旧口径数值误标为新口径。

用户放大字号会影响换算吗？

会。浏览器字号设置改变根元素计算字号，rem 的实际像素尺寸随之变化。

能换算成物理英寸吗？

不能。CSS 像素是抽象单位，需设备像素比与打印口径才能近似换算。

媒体查询里的字号变化算吗？

本页不自动读取断点，请按实际生效的根字号选择口径。

调高有效数字能让布局更精确吗？

不能。位数只影响小数长度，布局受字号、缩放与舍入策略共同影响。

像素转rem