em:相对单位,参考对象是直接父元素的font-size
例如:父元素font-size:10px; 子元素width:3.5em,那么子元素的width为10乘以3.5=35px
rem:相对单位,参考对象是根元素(html)的font-size
例如:html font-size:100px ,元素 height:1.2rem,那么元素的height为100乘以1.2=120px
em/rem都只是一个单位值,用到任意需要设置尺寸的地方都可以
em/rem都有自己的参考对象
rem与em单位对比
最新推荐文章于 2024-03-15 10:03:37 发布