1、px：像素，精确显示
2、em：继承父类字体的大小，相当于“倍”，如：浏览器默认字体大小为16px=1em，始终按照div继承来的字体大小显示，进场用于移动端
em换算工具：http://www.runoob.com/tags/ref-pxtoemconversion.html
3、rem：与em类似，rem是继承根节点的属性（即<html>标签），其他的与em相同
4、vh：当前可见高度的1%=1vh
区别是：当div中没有内容时，height=100%，则高度不显示出来
当div中没有内容时，height=100vh，则高度依然能显示出来
5、vw：当前可见宽度的1%=1vw
区别是：当div中没有内容时，width=100%，则宽度不显示出来
当div中没有内容时，width=100vh，则宽度依然能显示出来
原文：http://www.cnblogs.com/panda-ling/p/6323462.html