Rem to Px Converter 使用指南
<p><strong>输入：</strong>2rem、根 16px。</p><p><strong>处理：</strong>相乘。</p><p><strong>输出：</strong>32px。</p>
核心功能
- 按根字号把 rem 值反算为 px（px = rem × 根字号）
- 根字号可自定义，便于对应不同项目的 html font-size 设置
- 结果保留 2 位小数，直接给出渲染后的实际像素值
- 纯本地计算，不上传任何输入
适用场景
- 核对实际像素。
- 调试布局。
- 与设计稿对齐。
使用步骤
- 在「rem 值」输入设计稿或代码中的 rem 数值
- 填入当前项目的根字号（默认 16px）
- 读取结果区的 px 值
- 与设计稿标注或 DevTools 的 computed 值对照
- 若不一致，回到项目确认 html 的 font-size 是否被覆盖
实用技巧
- 调试布局时用 px 核对真实渲染尺寸最直观，rem 换算只是手段
- 浏览器默认根字号 16px，但用户可能改过，对不上先查这一项
- 设计稿若以 750px 宽度出图，rem 换算还需考虑设计稿缩放比，不能只按 16px 折算
- 结果保留 2 位小数，亚像素差异属正常渲染行为
常见问题
- 不同浏览器根？
- 多数默认 16px，用户可改；以实际根字号折算。
- 为何要换算回 px？
- 调试时常用 px 核对真实渲染尺寸，便于与设计稿逐像素对齐。
- 会保存或上传我的内容吗？
- 结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。