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
扫一扫
605
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
