1.em
制作手机边缘时常用字体的尺寸单位
说白了，em相当于“两倍”。 例如，如果将当前div的字体大小设置为1.5em，则当前div的字体大小为当前div继承的字体大小*1.5
但是，如果嵌套div，则em将始终按照当前div继承的字体大小进行缩放。 请参考后面的示例。
2.rem
这里的r在root的意义上意味着相对于根节点进行缩放，在处于嵌套关系的情况下，嵌套关系元素的字体大小总是根据根节点的字体大小进行缩放。
请参照后面给的demo
3.vh
vh是当前画面可见高度的1%，也就是说
height :100 VH==height :100；
但是，如果元素没有内容，则设置height:100%具有不扩展该元素的优点。
但是，如果设置为height:100vh，则该元素会变宽，屏幕高度会变得均匀。
4.vw
VM是当前屏幕宽度的1%
顺便说一下，如果设置为width:100%，则设置的元素宽度将取决于父元素的宽度。
但是，由于100vw是根据在画面上可见的宽度设定的，因此50vw可能大于50%