【一分钟了解】1em等于多少px，由什么决定？
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
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！