EM 与 PX 转换器

输入计算

换算方向 EM to PX PX to EM

数值（em 或 px）

基准字号（px）

结果

换算结果

16

结果

基准字号	16 px

什么是 EM 与 PX 转换器？

EM 和 PX 是 CSS 中用于设置文字大小、间距和布局的两种常用单位。像素（PX）是绝对单位，而 EM 则相对于父元素的字号，是一种相对单位。这款转换器可以在两者之间自由换算，让你在搭建响应式网站时，能够在固定尺寸与可缩放尺寸之间从容切换。

使用方法

先选择换算方向——EM 转 PX 或 PX 转 EM——然后输入数值以及以像素为单位的基准字号。浏览器默认的基准字号为 16px，已为你预先填好。点击计算，即可立即看到换算结果。

换算公式详解

这套换算其实就是一个简单的比例关系。EM 转 PX 用乘法：$$\text{px} = \text{em} \times \text{基准字号}$$反过来则用除法：$$\text{em} = \text{px} \div \text{基准字号}$$这里的「基准字号」就是 EM 值所参照的字号（以像素为单位）。

EM 乘以基准字号转换为 PX，PX 除以基准字号转换回 EM。

实例演示

假设你想换算 1.5em，基准字号为 16px。套用 \(\text{px} = \text{em} \times \text{基准字号}\)：$$1.5 \times 16 = 24\,\text{px}$$反过来，\(24 \div 16 = 1.5\,\text{em}\)。如果把基准字号改成 20px，那么 1.5em 就等于 30px。

以 16px 为基准，1.5em 等于 24px——相对尺寸会随基准缩放。

常见问题

该用多少作为基准字号？大多数浏览器默认为 16px。如果你在 CSS 中修改过根元素或父元素的 font-size，请改用对应的数值。

EM 和 REM 一样吗？不一样。REM 始终相对于根元素的字号，而 EM 相对于最近父元素的字号。换算 REM 时，请把根元素字号作为基准。

为什么要用 EM？EM 单位会随字号一起缩放。当用户调整默认文字大小时，使用 EM 能让设计更具可访问性，也更适应响应式布局。