版权声明：转载博文请注明出处。 https://blog.csdn.net/weixin_41297332/article/details/85013392
vh
height：1vh； 指当前屏幕可见高度的1%，即：
height：100vh ==height：100%
设置为vh，当元素没有内容时候，元素会被撑开和屏幕高度一致。
height：100%则无法撑开。
vw
当前屏幕宽度的1%
width：100%，被设置元素的宽度是以父元素的宽度来设置的
但是100vw是相对于屏幕可见宽度来设置的，所以有坑能出现50vw比50%大的情况。
em
默认1em=16px，它是一个相对值，
当被设置元素的父元素设置了字体大小后。1em等于父元素的设置的字体大小
1.5em即是 1.5*父元素的字体大小
是倍数关系
rem
r就是root的意思，意思就是相对于根节点进行缩放，当有嵌套关系的时候，
嵌套关系元素的字体大小始终按照根节点字体的大小进行缩放
px
1px表示1像素
是最常用的单位
pt
是一个物理长度单位
1pt=1/72 英寸