1em = ? px 由该节点的父元素的font-size决定。
情况1 - 直系子节点
body的默认font-size = 16px
对于它的子节点,所以此时,1em = 16px,
例如下面:
<body>
<div style="font-size: 2em;">文字</div>
</body>
情况2 - 继承的font-size
<body>
<div>
<div style="font-size: 2em;" class="child">文字</div>
</div>
</body>
这个例子中 class=“child” 的节点的父节点,继承了body的font-size,所以此时1em还是等于16px。
情况3 - 修改父节点的font-size
<body>
<div style="font-size: 20px;">
<div style="font-size: 2em;">文字</div>
</div>
</body>
此时由于父节点的font-size等于20px, 所以此时1em等于20px