CSS 与前端开发工具

px to rem

根据项目实际的 Root Font Size,将像素数值转换成 rem。

输入参数

浏览器本地处理

实时预览

参数修改后自动更新
可直接选择或复制

按自定义根字体大小将 px 转成 rem,保留合理精度。

输入内容仅在您的浏览器中处理,不会上传到服务器。

这个工具是什么

px to rem 按根元素字体大小把像素值转换为 rem。默认基准是 16px,您可以修改为 10、14、18 或其他大于 0 的数值,以匹配项目样式。

如何使用

  1. 输入需要转换的 px 数值。
  2. 设置项目实际的 Root Font Size,必须大于 0。
  3. 查看换算结果与计算说明。
  4. 复制 rem 结果,或清空后处理其他尺寸。

使用示例

  • 32px ÷ 16px = 2rem。
  • 24px ÷ 16px = 1.5rem。
  • 20px ÷ 10px = 2rem。

计算原理

rem = px / rootFontSize。095 与 096 复用同一套单位转换逻辑,显示时限制合理小数位并去除末尾多余的 0。浏览器默认根字号通常为 16px,但项目 CSS 和用户设置可能不同,转换时应使用实际基准。

常见用途

  • 把设计稿中的像素尺寸改为 rem。
  • 统一项目中的间距与字号单位。
  • 核对不同根字号对换算结果的影响。

隐私说明

所有输入、计算、CSS 生成和预览都在当前浏览器中完成,不会上传用户内容,不使用后台、数据库、在线 API 或第三方 CDN,也不会自动保存您的输入。

FAQ

rem 是什么?

rem 是相对于文档根元素字体大小的 CSS 长度单位,通常根元素为 html。

1rem 等于多少 px?

取决于根字号。根字号为 16px 时 1rem = 16px,根字号为 10px 时 1rem = 10px。

为什么不能把 Root Font Size 设为 0?

px 转 rem 需要除以根字号,零会导致除零,负数也不是合法的字体大小。

rem 和 em 有什么区别?

rem 以根元素字号为基准;em 通常与当前元素字体大小有关,设置 font-size 时则相对于父级计算字号。

返回开发者工具分类首页