PX 至 EM 转换
PX 到 EM 转换器
- 设置默认字体大小（通常为 16px）
- 然后，根据默认大小将像素值转换为 em
- 或者，根据默认大小将 em 值转换为像素
设置默认字体大小：
像素将 PX 转换为 EM：
像素
将 EM 转换为 PX：
埃姆
结果：
正文字体大小
在下表中，选择以像素 (px) 为单位的正文字体大小，以显示完整的“px 到 em 和百分比”转换表。
提示： 默认字体大小通常为16px。
| px | em | percent |
|---|---|---|
| 5px | 0.3125em | 31.25% |
| 6px | 0.3750em | 37.50% |
| 7px | 0.4375em | 43.75% |
| 8px | 0.5000em | 50.00% |
| 9px | 0.5625em | 56.25% |
| 10px | 0.6250em | 62.50% |
| 11px | 0.6875em | 68.75% |
| 12px | 0.7500em | 75.00% |
| 13px | 0.8125em | 81.25% |
| 14px | 0.8750em | 87.50% |
| 15px | 0.9375em | 93.75% |
| 16px | 1.0000em | 100.00% |
| 17px | 1.0625em | 106.25% |
| 18px | 1.1250em | 112.50% |
| 19px | 1.1875em | 118.75% |
| 20px | 1.2500em | 125.00% |
| 21px | 1.3125em | 131.25% |
| 22px | 1.3750em | 137.50% |
| 23px | 1.4375em | 143.75% |
| 24px | 1.5000em | 150.00% |
| 25px | 1.5625em | 156.25% |
PX、EM 和百分比有什么区别？
像素是静态测量单位，而百分比和 EM 是相对测量单位。百分比取决于其父字体大小。EM 是相对于元素的当前字体大小（2em 表示当前字体大小的 2 倍）。因此，如果 body 的字体大小为 16 像素，则 150% 将是 24 像素（1.5 * 16），而 2em 将是 32 像素（16 * 2）。请看 CSS 单位 了解更多测量单位。
