一、知識點
1、em && rem && vw/vh
em：根據當前樣式裡面定義的font-size大小來計算，如當前樣式裡面沒定義font-size，那麼就根據父級上的font-size大小來計算
如：
.box{
font-size:20px; //此時1em=20px
height:20em; //那麼，20em=400px，也就是height:400px
}
rem：只根據html上的font-size大小進行變化
html上的font-size大小需要動態計算，計算方式有2種：
a. 通過js獲取視窗大小
b. vm/vh( 100vw=當前視窗的大小 )
vw：根據當前視口的寬度來計算
100vw：代表整個螢幕寬度，也就是把螢幕寬度分成了100個格子，在320px的情況下，每個格子佔據3.2px
100vh：代表整個螢幕高度
如：以iphone6為例，螢幕寬度414px
設定：html{ font-size"4vw; } //即