rem、vw、vh、em原理汇总

发布时间 2023-04-17 10:20:22作者: 程序员笔记--vue

1. rem :  rem是根据根元素的font-size大小来设置的,比如设置html font-size=100px, 那么1rem = 100px, 之后所有的元素都可以使用这个基准值来设置大小

2. vw: 视口宽度单位     1vw = 1/100视口宽度, 宽度全屏就是100vw

3. vh: 视口高度单位   1vh = 1/100视口高度, 高度全屏就是100vh

4. em: em是根据使用em元素(父元素)的字体大小, 比如设置div font-size=18px, 那么当前div的1em = 18px  ---- 因font-size有继承性,所以当前比例如果没定义,会受父元素的font-size值来控制