rem 转 px 计算器

← ToolBox / rem 转 px 计算器
📖 查看「Rem to Px Converter使用指南」

🧮 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 为单位的标注或设计稿按当前根字号反算为像素，用于需要固定尺寸的场景或与设计师核对标注。
⚠️ 使用说明与注意事项

📏 常用尺寸速查表（root = 16px）

rempx常见用途
0.58小间距 / 描边
0.7512辅助文字
0.87514正文小字
116正文基准
1.2520小标题
1.524标题 / 间距
232区块标题
348大标题
464页面主标题

若采用 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

  1. 在对应的输入框或选项中填写、选择所需参数。
  2. 点击「计算」或「生成」按钮运行。
  3. 在结果区查看输出，可复制结果或导出使用。

参数说明

适用场景

设计稿标注、配色与排版相关的快速参考。

常见问题

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 则固定。