rem和em的区别
em
根据W3标准 ，em单位是相对于使用em单位的元素的字体大小。但是由于继承的原因，父元素的字体大小可以影响 em 值，而父元素又继承其父元素的字体大小，等等。 因此，以 em 为单位的元素字体大小可能会受到其任何父元素的字体大小影响。
（一）子元素字体大小的em是受父元素字体影响
（二）元素的width/height/padding/margin用em的话是相对于该元素的font-size
rem
rem是全部的长度都相对于根元素，根元素是<html>元素。
rem的缺点
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HZMiZ31X-1660879506207)(/Users/abby/Library/Application Support/typora-user-images/image-20220819110623051.png)]](https://img-blog.csdnimg.cn/e48137a6927e45ba8d3d653f951cef6a.png)
在大屏设备（Pad）上，元素尺寸会很大，页面显示更少的内容。
总结：
em 单位基于使用他们的元素的字体大小。
rem 单位基于 html 元素的字体大小。
em 单位可能受任何继承的父元素字体大小影响
使用 em 单位应根据组件的字体大小而不是根元素的字体大小。
3917
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
