1、em單位的定義
MDN的解釋：它是相對于父元素的字體大小的一個單位。
例如：父元素font-size：16px；子元素的font-size：2em（也就是32px）
注：有一個誤區(qū)，雖然他是一個相對單位，并且官方對它的解釋是相對于父元素字體大小的一個單位，但是它是放在了文字屬性里面，也就說只有子元素的font-size是起作用的，子元素的其他的屬性是不相對于父元素的，而是相對于本身的font-size大小文章來源：http://www.zghlxwxcb.cn/news/detail-676732.html
2、舉例證明
大家可以拿這段代碼驗證一下文章來源地址http://www.zghlxwxcb.cn/news/detail-676732.html
<style>
.div {
display: inline-block;
font-size: 16px;
}
.red {
font-size: 2em; // 32px
padding: 1em; // 32px
width: 100px;
height: 100px;
background-color: red;
margin-bottom: 100px;
}
</style>
<div class="div">
<div class="red">123</div>
</div>
到了這里，關(guān)于【CSS】em單位的理解的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
