PX、EM 和百分比的区别

像素单位 PX 是以屏幕像素为单位度量的。以下是一个示例 -

div {
   padding: 40px;
}

EM 单位是字体的 em 值的高度表示相对度量。由于 em 单位等于给定字体的尺寸，如果你将字体设置为 12pt，则每个“em”单位将为 12pt；因此，2em 将为 24pt。

以下是一个示例 -

p {
   letter-spacing: 4em;
}

% 单位表示以另一个值（通常是包含元素）为基准的测量以百分比形式相对表示。

p {
   font-size: 14pt;
   line-height: 80%;
}

更新日期：2020-06-12

487 次查看

开启你的 职业生涯

完成课程即可获得认证

开始学习
广告