配色排版 · 实用工具

rem与px换算:自定义根字号而非固定16px

rem取决于根元素的字号,不能在任何页面都假设1rem等于16px。先填写目标页面实际根字号,再把多个尺寸一次转换,结果才有明确的使用前提。

输入与处理

以用户设置根字号换算,可生成多项尺寸对照,不混淆浏览器默认值与实际样式。

用逗号或空格分隔,最多100个,可包含负数。

工具在当前浏览器中处理输入,此功能不会向服务器提交文本或文件。

填写或调整参数后开始处理。

如何使用

  1. 根据实际需要修改实际根字号px、换算方向、尺寸列表等参数,先核对输入单位。
  2. 点击“换算尺寸”,对照结果中的数值、单位和说明;输入不符合范围时先按提示修正。
  3. 需要比较方案时,只改变相关参数重新处理。复制或下载结果之前,保留原始输入并结合下方算例复核。

方法与计算口径

px转rem用像素值除以根字号;rem转px则乘以根字号。输入列表可用空格或逗号分隔,支持正负数和小数,最多100项。负值在margin或定位等属性中可能有意义,但不代表所有CSS属性都允许负值。

参数和适用范围

em通常依赖相关元素的字号,而rem依赖根元素,两者不能混用。这里的px是CSS像素,不等于设备物理像素或固定毫米长度。浏览器缩放、设备像素比和用户字体设置会影响最终显示。

算例与操作参考

计算或操作算例

根字号20px时,10px=0.5rem,30px=1.5rem。若换成16px根字号,同样的30px会得到1.875rem。

使用时留意

  • 16px只是常见默认值,不是所有网站永远不变的规则。
  • 不要用设备像素比直接代替根字号。

常见问题

能批量转换负边距吗?

可以,数值换算支持负数,但最终CSS属性是否允许该值需要自行确认。

浏览器放大后为什么看着更大?

本工具转换的是样式单位关系,不会抵消浏览器缩放或用户字体偏好。

规则与参考资料