px 转 rem 计算器
rem 相对根元素字体大小，做响应式与可访问性布局时常用来替代写死的 px。输入像素值与根字号即可得到 rem 值。
🧮 Px to Rem Converter
Convert pixel values to rem against a chosen root font size, the usual way to keep responsive and accessible layouts.
📐 工作原理与说明
rem = px / root（root 为根元素 font-size，默认 16px）
rem 相对根元素字体大小：以根字号为基准换算，便于做响应式与可访问性友好的布局（用户调整根字号时整体等比缩放），用于设计稿落地。
⚠️ 使用说明与注意事项
- rem 相对于根元素（）的 font-size；修改根字号即可整体缩放页面，便于响应式与无障碍。
- 浏览器默认根字号为 16px，很多团队会把 :root 设为 62.5%（即 10px）让 1rem=10px 方便心算。
- 结果保留 4 位小数，实际使用时通常取 2–3 位（如 1.5rem）。
📏 常用尺寸速查表（root = 16px）
| px | rem | 常见用途 |
|---|---|---|
| 8 | 0.5 | 小间距 / 描边 |
| 12 | 0.75 | 辅助文字 |
| 14 | 0.875 | 正文小字 |
| 16 | 1 | 正文基准 |
| 20 | 1.25 | 小标题 |
| 24 | 1.5 | 标题 / 间距 |
| 32 | 2 | 区块标题 |
| 48 | 3 | 大标题 |
| 64 | 4 | 页面主标题 |
若采用 62.5% 根字号方案（1rem=10px），上表 rem 值直接除以 1.6 即可，例如 16px→1.6rem、24px→2.4rem。
📚 深度解析：Px to Rem Converter
💡 常见使用场景
- 重构为 rem。
- 适配根字号。
- 核对组件尺寸。
16px @根16
<p><strong>输入：</strong>16px、根字号 16px。</p><p><strong>处理：</strong>相除。</p><p><strong>输出：</strong>1rem；根字号变则等比缩放。</p>
❓ 常见问题（FAQ）
- 根字号改了？
- rem 随根字号缩放；px 固定不随，故响应式多用 rem。
- 为何推荐用 rem？
- rem 随根字号整体缩放，利于无障碍缩放与响应式，px 固定不随。
- 会保存或上传我的内容吗？
- 结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。