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 次檢視

開啟你的 職業生涯

完成課程即可獲得認證

開始學習
廣告
© . All rights reserved.