【发布时间】：2018-05-06 03:42:14
【问题描述】：
我对 em 单位有一些问题。
我的基本 em 单位是 16px
body {
font-size:16px;
}
我尝试为我的 h4 元素提供 30px 的 margin-top，所以 30px 等于 1.87em，
h4 {
font-size:1.875em;
line-height: initial;
margin-top: 1.87em;
}
但是当我从网络检查器计算部分查看时：
margin-top:56.1px;
是计算出来的。
当我使用px 而不是em 时，比如margin-top:30px;，一切正常。
为什么会这样？
【问题讨论】：
-
h4上的em等于h4的字体大小，而不是基本字体大小。你的意思可能是rem。 -
不，我的意思是 em，我只是现在没有，h4 上的 em 等于 h4 的字体大小
-
它们以基本字体工作。我认为您的基本 h4 字体大小更高。
-
我给 body 提供了基于 font-size 的字体，并认为一切都在此基础上进行计算。
-
@tamilselvan 是的，OP的数据清楚地显示h4的字体大小为30px。