rem 转 px 计算器
把以 rem 为单位的标注或设计稿按当前根字号反算成 px，便于落地到固定尺寸场景。
🧮 Rem to Px Converter
Convert rem values from a spec or design file back to pixels using the current root font size for fixed-size contexts.
📐 工作原理与说明
px = rem × root（root 为当前根元素 font-size）
把以 rem 为单位的标注或设计稿按当前根字号反算为像素，用于需要固定尺寸的场景或与设计师核对标注。
⚠️ 使用说明与注意事项
- px = rem × 根字号；根字号改变时同一 rem 对应的 px 会整体变化。
- 固定尺寸场景（如海报、原生 App 内嵌 WebView）常用 px；自适应网页推荐 rem。
- 结果四舍五入到 2 位小数。
📏 常用尺寸速查表（root = 16px）
| rem | px | 常见用途 |
|---|---|---|
| 0.5 | 8 | 小间距 / 描边 |
| 0.75 | 12 | 辅助文字 |
| 0.875 | 14 | 正文小字 |
| 1 | 16 | 正文基准 |
| 1.25 | 20 | 小标题 |
| 1.5 | 24 | 标题 / 间距 |
| 2 | 32 | 区块标题 |
| 3 | 48 | 大标题 |
| 4 | 64 | 页面主标题 |
若采用 62.5% 根字号方案（1rem=10px），上表 px 值 = rem × 10，例如 1.6rem→16px、2.4rem→24px。
📚 深度解析：Rem to Px Converter
💡 常见使用场景
- 核对实际像素。
- 调试布局。
- 与设计稿对齐。
2rem @根16
<p><strong>输入：</strong>2rem、根 16px。</p><p><strong>处理：</strong>相乘。</p><p><strong>输出：</strong>32px。</p>
❓ 常见问题（FAQ）
- 不同浏览器根？
- 多数默认 16px，用户可改；以实际根字号折算。
- 为何要换算回 px？
- 调试时常用 px 核对真实渲染尺寸，便于与设计稿逐像素对齐。
- 会保存或上传我的内容吗？
- 结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。
如何使用Rem to Px Converter
- 在对应的输入框或选项中填写、选择所需参数。
- 点击「计算」或「生成」按钮运行。
- 在结果区查看输出，可复制结果或导出使用。
参数说明
- rem 值
- 根字号 root（px）
适用场景
设计稿标注、配色与排版相关的快速参考。
常见问题
- Rem to Px Converter是做什么的？
- 当你拿到一份以 rem 为单位的标注或设计稿，需要换算成 px 落地到固定尺寸场景时，用本工具按当前根字号反算。
- 如何使用Rem to Px Converter？
- 在对应的输入框或选项中填写、选择所需参数，点击「计算」或「生成」按钮即可运行，结果会在结果区实时显示，支持复制与导出。
- 计算结果准确吗？
- 本工具在你的本地浏览器中实时计算，不依赖服务器；只要输入的参数正确，结果即按对应的规则得出。涉及经验估算的部分仅供参考，不作为正式依据。
- Rem to Px Converter适合哪些场景？
- 设计稿标注、配色与排版相关的快速参考。
- 使用本工具需要联网或上传数据吗？
- 不需要。所有计算均在你的设备本地完成，数据不会上传到任何服务器，可放心使用。
📊 结果解读
结果含义
rem 是相对根元素（html）字体大小的单位：px=rem×根字号。浏览器默认根字号 16 px，故 1 rem=16 px。
用途
使用 rem 可实现整体缩放的无障碍友好布局；用户调整默认字号时 rem 布局同步缩放，px 则固定。