1.em
在做手機端的時候經常會用到的做字體的尺寸單位
說白了 em就相當於“倍”，比如設置當前的div的字體大小為1.5em，則當前的div的字體大小為：當前div繼承的字體大小*1.5
但是當div進行嵌套的時候，em始終是按照當前div繼承的字體大小來縮放，參照后面的例子。
2.rem
這里的r就是root的意思，意思是相對於根節點來進行縮放，當有嵌套關系的時候，嵌套關系的元素的字體大小始終按照根節點的字體大小進行縮放。
參照后面給的demo
3.vh
vh就是當前屏幕可見高度的1%，也就是說
height:100vh == height:100%;
但是有個好處是當元素沒有內容時候，設置height:100%該元素不會被撐開，
但是設置height:100vh，該元素會被撐開屏幕高度一致。
4.vw
vw就是當前屏幕寬度的1%
補充一句，當設置width:100%，被設置元素的寬度是按照父元素的寬度來設置，
但是100vw是相對於屏幕可見寬度來設置的，所以會出現50vw 比50%大的情況