PX转REM转换器

什么是PX转REM转换器？

如何使用PX转REM转换器

1. 1

   设置根字体：在『根字体大小』输入框中，填写你当前前端项目实际使用的HTML根节点字体大小，一般常见设置为16px或10px。

2. 2

   输入数值：根据要转换的单位类型，在对应标注的输入框内填入需要转换的PX数值或者REM数值，输入后工具自动触发转换。

3. 3

   获取结果：完成输入后，对应的转换结果会自动实时显示在另一侧的结果框内，你可以直接复制结果到项目中使用。

什么场景会用到？

计算示例

注意事项

• 根字体大小默认是浏览器常见的16px，如果你的项目自定义了根字体，需要修改为对应数值再转换，否则结果会出错。
• 多数现代CSS工程工具中，rem计算是直接用px值除以根字体大小，本工具遵循这个通用计算逻辑，不做像素取整处理。
• 如果输入不是纯数字的px值，工具会自动提取输入里的数字部分进行转换，不需要额外删除单位字符。
• rem是相对单位，依赖根字体大小，不同项目根字体设置不同，转换结果不能直接通用到所有项目。

常见问题

参考资料

• MDN Web Docs 文档：CSS 值与单位 - rem
• W3C CSS Values and Units Module Level 3 官方规范

本工具遵循前端CSS单位转换的通用计算逻辑，所有转换结果都经过程序复算验证，由工具集开发编辑组维护，根字体可自定义适配不同项目的配置规则。