字体大小em rem

原创于 2018-12-20 08:50:38 发布 · 203 阅读

CC 4.0 BY-SA版权

文章标签：

8 篇文章

订阅专栏

本文深入探讨了CSS中em与rem单位的区别及应用。em单位相对于父元素字体大小进行缩放，而rem则相对于根元素。举例说明了不同字体大小设置下，两者如何影响页面布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<span style="font-size: 15px">
	<span style="font-size: 2em">
		<span style="font-size: 2em">
		</span>
	</span>
</span>

em跟父元素比较
15px 30px 60px

<span style="font-size: 15px">
	<span style="font-size: 2rem">
		<span style="font-size: 2rem">
		</span>
	</span>
</span>

rem 跟根元素比(默认16px)
15px 32px 32px