px 转 rem 教程：rem = px ÷ 根字号，附常用尺寸对照表

rem 是相对于根元素（html）字号的单位。用 rem 写尺寸，用户在浏览器里调大字号时整个页面会等比放大，对可访问性更友好；移动端适配也常通过修改根字号实现整体缩放。PX 与 REM 转换 可以在 px、rem、em、pt 之间互相换算。

换算公式

• rem = px ÷ 根字号，例如 24 ÷ 16 = 1.5rem；
• px = rem × 根字号，例如 1.25 × 16 = 20px；
• pt = px × 0.75（1pt = 1/72 英寸，1px = 1/96 英寸），例如 24px = 18pt。

浏览器默认根字号是 16px。如果 CSS 里写了 html { font-size: 62.5%; }，根字号就变成 10px，这时 24px = 2.4rem，换算更直观。

根字号 16px 对照表

用工具换算

1. 填写数值：打开 PX 与 REM 转换，在“数值”里填写，例如 24。
2. 选择单位：输入的是 px 就选 px，要把 rem 换回 px 就选 rem。
3. 设置根字号：默认 16，按项目的 html 字号修改。
4. 查看结果：同时显示 px、rem、em（按同根字号）和 pt，下方有常用尺寸对照表。

rem 和 em 的区别

• rem 永远相对根元素 html 的字号，整页统一，不受嵌套影响；
• em 相对当前元素（或父元素）的字号，嵌套多层时会层层相乘，容易失控。

一般做法是：字号、间距用 rem；按钮内边距等希望随按钮文字大小变化的地方用 em。其他 CSS 效果可以用 圆角生成、阴影生成 等工具。