em: 相对于父元素的字体大小设置像素值，一定要知道父元素的值。这样就会存在一个问题，进行任何元素设置，都有可能需要知道他父元素的大小，在我们多次使用时，就会带来无法预知的错误风险
rem: css3新单位，rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值。不支持ie6-ie8浏览器
vw: 相对于视口的宽度，视口被均分为100单位的vw
vh: 相对于视口的高度，视口被均分为100单位的vw
vmax : 相对于视口宽度或者高度中较大的那一个，其中较大的那个被均分为100单位的vmin
vmin：相对于视口宽度或者高度中较小的那一个，其中较小的那个被均分为100单位的vmin