1. px
px是像素值，是绝对长度单位，总是相同的大小。
2. em
在排版属性中 em 单位的意思是“父元素的字体大小”。相当于em的值是px的倍数。
例如：默认情况下font-size = 16px,那么1em = 16px。
如果本元素上面没有设置font-size, 亦可在父元素上面设置font-size，从而来影响本元素（即子元素）使用的em的值。
3. rem
rem单位的意思是“根元素的字体大小”。它与px的关系跟em相同，不同的是只能在html标签（因为html节点是根节点，就是rem里面的r：root）里面修改它依赖的值，如只能在html标签设置font-size : 32px， 从而实现1rem = 32px。
4. vw和vh
vh 和 vw 就是根据窗口的宽高，分成100等份，100vh就表示满高，50vh就表示一半高。
不同于百分比：百分比是基于父元素的设置而言的，而 vh 和 vw 始终是针对窗口的宽高。
参考资料：
