1.pxpx是一个像素，也是我们现在常用的基本单位。比如经常听到的电脑像素是1024x768，意思是水平方向是1024像素，垂直方向是768像素。2、emem引用是父元素的font-size，默认字体大小是16px，所以1em不是固定值，因为会继承父元素的字体大小3、remrem引用是相对于根元素，我们可以在根元素上设置一个引用值即可。与em相比，减少了大量的计算工作量。比如html的尺寸是10px，12rem就是120px4.%%是设置的相对于父元素尺寸的比例，position:absolute;元素相对于定位的父元素，position:fixed;元素是相对于可见窗口5.vmvm是相对于视口的宽度。视口分成100个单位h1{font-size:8vw;}又如：浏览器宽度为1200px，1vw=1200px/100=12px6.vhvm是相对于视口的宽度。视口分成100个单位h1{font-size:8vh;}又如：浏览器高度900px,1vh=900px/100=9px总结：1.vw：1vw等于视口宽度的1%。2.vh：1vh等于视口高度的1%。但是兼容性很差，不推荐使用。目前px和rem用起来最舒服。安利有一个换算单位的网站，有助于更好地理解常用的px/em/rem之间的倍数关系。:http://pxtorem.com/px转换remhttp://pxtoem.com/px转换em
