px 与 rem 换算工具
本工具用于在像素(px)与相对单位(rem)之间进行快速换算。您只需在输入框中填写数值,选择换算方向(px 转 rem 或 rem 转 px),并设置根字号(默认 16px),点击「开始换算」按钮,结果会立即显示在下方的结果区域。同时提供多个常用根字号快捷预设按钮,一键切换,方便您在不同设计稿之间切换。结果支持一键复制,方便直接粘贴到代码中使用。
换算设置
px 转 rem
⇄
快捷预设根字号:
换算结果
请先输入数值,然后点击「开始换算」按钮。
注意事项
- 根字号默认设为 16px,这是浏览器标准默认值;若您的项目在 html 元素上自定义了 font-size,请先修改根字号再换算。
- 本工具支持小数输入(如 1.5、0.75),结果保留 4 位小数,超出部分四舍五入。
- 输入非法字符(如字母、符号)时,工具会提示错误,请检查后重新输入。
- 所有换算均在您的浏览器本地完成,数据不会上传到任何服务器,可放心使用。
- 若根字号设置为 0 或负数,工具会拒绝换算并提示,请确保根字号大于 0。
- 批量换算时请用英文逗号或空格分隔多个数值,例如:16 24 32 或 16,24,32。
怎么用
- 在「输入数值」框中填写需要换算的数值,支持单个或多个(用逗号或空格分隔)。
- 确认「根字号」是否正确,可通过快捷预设按钮快速切换,或手动输入自定义值。
- 确认换算方向:默认是 px 转 rem,如需反向请点击「切换方向」按钮。
- 点击「开始换算」按钮,结果会显示在下方结果区域。
- 如需复制结果,点击「复制结果」按钮即可;如需重新输入,点击「重置」按钮清空所有内容。
常见问题
px 和 rem 有什么区别
px 是绝对单位,固定大小;rem 是相对单位,相对于根元素(html)的 font-size。rem 更适合响应式布局。
为什么我的项目根字号不是 16px
很多框架或设计稿会自定义根字号,比如 14px 或 20px。您只需在工具中修改根字号即可,换算结果会自动适配。
可以批量换算多个数值吗
可以。在输入框中用英文逗号或空格分隔多个数值,例如 16 24 32,工具会逐个换算并分行显示结果。
换算结果精确到几位小数
结果保留 4 位小数,足够满足日常开发精度需求。如需更高精度,可自行在代码中调整。