rem、vw、vh、em原理汇总

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值来控制