PX、EM 和百分比的区别

cssweb developmentfront end technology更新于 2026/2/2 16:12:17

px 单位定义了以屏幕像素为单位的测量值。以下是 − 的示例

div {
   padding: 40px;
}

em 单位是字体高度的相对测量值，单位为 em 间距。由于 em 单位等于给定字体的大小，因此，如果您将字体设置为 12pt，则每个 &em& 单位将是 12pt;因此，2em 将是 24pt。

以下是示例 −

p {
   letter-spacing: 4em;
}

% 单位将测量值定义为相对于另一个值(通常是封闭元素)的百分比。

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

有用资源