【一分钟了解】1em等于多少px，由什么决定？

作者：知新_RL | 2024-02-17 01:34:11

踩

1em

body的默认font-size = 16px
对于它的子节点，所以此时，1em = 16px，
例如下面：

	<body>
		<div style="font-size: 2em;">文字</div>
	</body>
1
2
3

在这里插入图片描述

<body>
		<div>
			<div style="font-size: 2em;" class="child">文字</div>
		</div>
	</body>
1
2
3
4
5

这个例子中 class=“child” 的节点的父节点，继承了body的font-size，所以此时1em还是等于16px。

<body>
		<div style="font-size: 20px;">
			<div style="font-size: 2em;">文字</div>
		</div>
	</body>
1
2
3
4
5

在这里插入图片描述
此时由于父节点的font-size等于20px, 所以此时1em等于20px

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/知新_RL/article/detail/98736