1. height: 100% 和 height: 100vh
1vh就是当前屏幕可见高度的1%，即 height:100vh == height:100%;
重点：当元素没有内容的时候，设置height:100%，该元素不会被撑开，此时高度为0; 但是设置height:100vh，该元素会被撑开屏幕高度一致。
2. vw
vw就是当前屏幕宽度的1%
当设置width:100%，被设置元素的宽度是按照父元素的宽度来设置，但是100vw是相对于屏幕可见宽度来设置的，所以会出现 50vw > 50% 的情况。
注意：可以存在各种情况（height同理）
- 100vw > 100% (例：该元素的父元素为50vh)
- 100vw = 100% (例：该元素的父元素为100vh)
- 100vw < 100% (例：该元素的父元素为200vh / 80000px)
在考虑选择视图还是百分比时，要结合实际情况考虑，比如当前元素的父盒子的宽高是如何设置的
3. em 和 rem
- em 是在做移动端开发时经常会用到的字体的尺寸单位。
可以把 em 理解为倍，比如设置当前div的字体大小为1.5em，则其字体大小为：当前div继承的字体大小 * 1.5。但是当div进行嵌套的时候，em始终是按照当前div继承的字体大小来缩放。
- rem
这里的r就是root，意思是相对于根节点来进行缩放，当有嵌套关系的时候，嵌套关系的元素的字体大小始终按照根节点的字体大小进行缩放。
