这个工具是什么
rem to px 是 px to rem 的反向转换。输入 rem 和实际根字号后,工具在浏览器中计算对应像素值,可用于理解现有样式中的相对尺寸。
如何使用
- 输入要换算的 rem 数值。
- 填写大于 0 的 Root Font Size,默认 16px。
- 查看 px 结果与计算说明。
- 复制结果,或载入示例检查常用换算。
使用示例
- 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。