em：

优先根据自身的字体大小，若没有，向父级寻找字体大小，若父级没有一直找到html声明，若html没有声明，选择默认浏览器的大小fontSize：16px；

.box{ font-size:30px; }
.box p{ font-size:1em; }
//p的大小也就是font-size=30px;,若无box字体大小设置，一直向上寻找，直到最后一层html，
//用户可以更改html声明中字体大小。

rem

相对跟元素html，设置字体大小来定义，ie8之前，不支持（不支持时，在html上声明一个绝对单位，默认html=16px）

默认：1rem=16px
//用户可以根据需要控制页面字体大小

Vh&Vw

vh是height所用的单位，vw是width所用的单位；

vh是把视口水平等分成100份，height=20vh，就是占20份；

可适用于设置全屏的效果；

问：100vw和100%有什么区别？

答：100%是相对于上一层（父盒子）标签，100vw是根据视口宽度计算的。