当前博客:rem和em这两个长度单位有什么区别?

80 次浏览【转载需注明来源】

博客作者:【天亮说晚安】

个性签名:寒窗苦读十年一朝凤舞九天

rem和em这两个长度单位有什么区别?

默认排序
Generic placeholder image
Generic placeholder image
qiang Time: 2023-08-18 14:01:06

rem和em都是相对长度单位,其区别在于相对的参照物不同。

rem(root em)是相对于根元素(即html元素)的字体大小的单位。当根元素的字体大小发生改变时,rem单位的值也会相应改变。

em是相对于父元素的字体大小的单位。当父元素的字体大小发生改变时,em单位的值也会相应改变。如果没有明确指定父元素的字体大小,则em单位会相对于其祖先元素的字体大小。

简而言之,rem单位相对于根元素的字体大小,而em单位相对于父元素的字体大小。因此,rem单位更加稳定,而em单位更加灵活。


rem和em这两个长度单位有什么区别?