px 与 rem 换算工具

本工具用于在像素(px)与相对单位(rem)之间进行快速换算。您只需在输入框中填写数值,选择换算方向(px 转 rem 或 rem 转 px),并设置根字号(默认 16px),点击「开始换算」按钮,结果会立即显示在下方的结果区域。同时提供多个常用根字号快捷预设按钮,一键切换,方便您在不同设计稿之间切换。结果支持一键复制,方便直接粘贴到代码中使用。

换算设置

px 转 rem ⇄
快捷预设根字号:
换算结果
请先输入数值,然后点击「开始换算」按钮。

注意事项

怎么用

  1. 在「输入数值」框中填写需要换算的数值,支持单个或多个(用逗号或空格分隔)。
  2. 确认「根字号」是否正确,可通过快捷预设按钮快速切换,或手动输入自定义值。
  3. 确认换算方向:默认是 px 转 rem,如需反向请点击「切换方向」按钮。
  4. 点击「开始换算」按钮,结果会显示在下方结果区域。
  5. 如需复制结果,点击「复制结果」按钮即可;如需重新输入,点击「重置」按钮清空所有内容。

常见问题

px 和 rem 有什么区别

px 是绝对单位,固定大小;rem 是相对单位,相对于根元素(html)的 font-size。rem 更适合响应式布局。

为什么我的项目根字号不是 16px

很多框架或设计稿会自定义根字号,比如 14px 或 20px。您只需在工具中修改根字号即可,换算结果会自动适配。

可以批量换算多个数值吗

可以。在输入框中用英文逗号或空格分隔多个数值,例如 16 24 32,工具会逐个换算并分行显示结果。

换算结果精确到几位小数

结果保留 4 位小数,足够满足日常开发精度需求。如需更高精度,可自行在代码中调整。

相关工具推荐

开源仓库与下载
← 返回知办库首页
GitHub 开源源码 Gitee 开源源码(国内) 夸克网盘下载 百度网盘下载
夸克提取码:7846 | 百度提取码:tjjf
查看绿色版下载页 →