Px to Rem Converter 使用指南
<p><strong>输入：</strong>16px、根字号 16px。</p><p><strong>处理：</strong>相除。</p><p><strong>输出：</strong>1rem；根字号变则等比缩放。<…
核心功能
- 按根字号把 px 值换算为 rem（rem = px ÷ 根字号）
- 根字号可自定义，默认 16px，适配改过 html font-size 的项目
- 结果保留 4 位小数并回显当前 1rem 等于多少 px
- 纯本地计算，不上传任何输入
适用场景
- 重构为 rem。
- 适配根字号。
- 核对组件尺寸。
使用步骤
- 在「像素值」输入需要换算的 px 数值
- 确认或修改「根字号」，多数浏览器默认为 16px
- 读取结果区的 rem 值（保留 4 位小数）
- 把 rem 值填入 CSS，替换原本写死的 px
- 如需反向核对，改用 rem 转 px 工具复算
实用技巧
- 若 html 用 font-size: 62.5% 把根字号改成 10px，换算结果会整体变化，务必先确认实际根字号
- rem 相对根元素、em 相对父元素，混用容易算错层级，建议全站统一用 rem
- 用户可在浏览器调大默认字号，rem 会随之缩放，这正是它利于无障碍的原因
- 边框、1px 描边等不需要随字号缩放的细节建议保留 px
常见问题
- 根字号改了？
- rem 随根字号缩放；px 固定不随，故响应式多用 rem。
- 为何推荐用 rem？
- rem 随根字号整体缩放，利于无障碍缩放与响应式，px 固定不随。
- 会保存或上传我的内容吗？
- 结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。