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，則寬度依然能顯示出來