在我的字體大小為 xx-large 的段落上使用 1em 作為左邊距,比使用 16px 給我更多的邊距。當 1em 等于 16px 時,這怎么可能?
uj5u.com熱心網友回復:
em應用font-size元素的用途,因此它的px大小不是恒定的。你可以使用rem單位,它總是使用font-size瀏覽器的默認值(16px)。
uj5u.com熱心網友回復:
你很困惑em和rem。正如其他人已經寫的那樣,em使用元素的字體大小,而rem使用基本的字體大小。這可以定義為html標簽的字體大小。如果未定義,則回退到瀏覽器設定,大多數情況下默認為 16px(但也可以由用戶在瀏覽器設定中更改)。
uj5u.com熱心網友回復:
EM使用 Element 字體大小。因為您font-size: xx-large在段落中給出了字體大小不是 16 像素而是 32 像素。
uj5u.com熱心網友回復:
使用em邊距單位將使用font-size它所應用的元素。除非這正是16px,否則它將不匹配明確的16px邊距。
p {
margin: 0;
font-size: 20px;
}
.em {
margin-left: 1em;
}
.px {
margin-left: 16px;
}
<p class="em">1</p>
<p class="px">2</p>
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/441411.html
下一篇:如何使用樣式組件創建箭頭
