单位 px(像素)和 em(表示相对于字体大小的大小)是长度的两个测量单位。为了将 px 转换为 em,您应该使用以下公式:
em = px / font-size
注意:默认字体大小为 16px。因此,在将 px 转换为 em 时,您需要为像素选择基值(默认为 16),并在公式中使用它进行计算。
CSS PX 到 EM 转换表
下表显示了 em 值与 px 值对应的值,将基本像素值视为 16px:
PX | EM |
---|---|
5px | 0.3125em |
6px | 0.3750em |
7px | 0.4375em |
8px | 0.5000em |
9px | 0.5625em |
10px | 0.6250em |
11px | 0.6875em |
12px | 0.7500em |
13px | 0.8125em |
14px | 0.8750em |
15px | 0.9375em |
16px | 1.0000em |
17px | 1.0625em |
18px | 1.1250em |
19px | 1.1875em |
20px | 1.2500em |
上表仅显示了几个样本值,您可以使用公式将任何 px 值转换为 em。