CSS - PX 到 EM 的转换



单位 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。