vw是由視口的寬度計算的
不同的設備完美視口的大小是不一樣的
iPhone6 --- 375
iPhone6plus --- 414
由於不同設備視口和像素比不同，所以同樣的375像素在不同的設備下意義是不一樣的.
比如在iPhone6中 375就是全屏，而到了 plus 中375就會缺一塊
所以在移動端開發時，就不能再使用px來進行布局了
vw這個單位永遠相當於視口寬度（viewport width）
100vw = 一個視口寬度
1vw = 1%視口寬度
vw這個單位永遠相當於視口寬度進行計算
創建一個48px x 35px 大小的元素
100vw = 750px（設計圖像素） 0.1333333333333333333vw = 1px
vw/vh和百分比的區別：
百分比 是相對於父元素的大小設定的比率
vw (viewport width) vh (viewport height) 是視窗的大小，100vw = 100%視窗寬度 100vh = 100%視窗高度