CSS 与前端开发工具

rem to px

将 rem 换算为像素值,核对根字体大小与最终 CSS 尺寸的关系。

输入参数

浏览器本地处理

实时预览

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

按自定义根字体大小将 rem 转成 px,显示公式与结果。

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

这个工具是什么

rem to px 是 px to rem 的反向转换。输入 rem 和实际根字号后,工具在浏览器中计算对应像素值,可用于理解现有样式中的相对尺寸。

如何使用

  1. 输入要换算的 rem 数值。
  2. 填写大于 0 的 Root Font Size,默认 16px。
  3. 查看 px 结果与计算说明。
  4. 复制结果,或载入示例检查常用换算。

使用示例

  • 1.5rem × 16px = 24px。
  • 2rem × 16px = 32px。
  • 1.25rem × 20px = 25px。

计算原理

px = rem × rootFontSize。与 px to rem 共用单位转换函数,并在结果显示时去除浮点运算中无意义的尾数。浏览器默认根字号通常为 16px,但项目 CSS 可能修改它。

常见用途

  • 对照 rem 样式与设计稿像素值。
  • 理解主题更改根字号后的尺寸变化。
  • 快速核对字号、边距和容器尺寸。

隐私说明

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

FAQ

1rem 为什么不一定是 16px?

rem 使用根元素的实际字体大小,项目 CSS 或用户设置可以改变这个基准。

根字号可以是 18 或 20 吗?

可以。任何工具接受范围内的大于 0 的有效数值都可作为根字号,不强制为 16。

浏览器缩放会改变这里的公式吗?

公式换算的是 CSS 像素与 rem 的关系;屏幕上对应的物理像素还受缩放和设备像素比影响。

为什么有些结果没有小数?

如果结果接近整数,工具会去除不必要的末尾 0,让输出更方便直接写入 CSS。

返回开发者工具分类首页