什么是 EM 转 PX 换算器？
EM 转 PX 换算器可以把 CSS 中的 em 单位换算成绝对像素值。在 CSS 里，em 是相对单位：1em 等于父元素的字号（对于非字体属性则等于元素自身的字号）。由于浏览器默认的根字号为 16px，1em 通常就等于 16px——但具体数值取决于你设定的基准字号。
如何使用
先输入要转换的 em 值，再填写以像素为单位的基准字号。大多数浏览器默认字号为 16px，因此该值已预先填好。点击计算即可得到对应的像素值。当设计稿以像素标注、而样式表却用 em 编写时，这个工具尤其实用。
换算公式
换算其实就是一次简单的乘法：
$$\text{px} = \text{em} \times \text{基准字号}$$
例如，在基准字号为 16px 时，1.5em 就等于 \(1.5 \times 16 = 24\text{px}\)。反向换算时，用像素除以基准字号即可：\(\text{px} \div \text{基准字号} = \text{em}\)。
实例演示
假设某个标题设置为 2.5em，基准字号为 16px，那么实际像素大小就是 \(2.5 \times 16 = 40\text{px}\)。如果把基准字号改为 18px，同样的 2.5em 就会渲染为 \(2.5 \times 18 = 45\text{px}\)——这清楚地说明了 em 会随基准字号同步缩放。
常见问题
1em 一定等于 16px 吗？ 只有当基准字号为浏览器默认的 16px 时才成立。如果父元素或根元素的字号不同，1em 也会随之变化。
em 和 rem 有什么区别？ rem 始终相对于根元素（html）的字号，而 em 相对于最近的字号上下文，因此会层层继承、逐级累积。
为什么要用 em 而不是 px？ em 单位会随用户的字号偏好一起缩放，有助于提升无障碍体验，也让响应式排版更易于维护。
