vw，是指CSS中相對長度單位，表示相對視口寬度（Viewport Width），1vw = 1% * 視口寬度
vh，是指CSS中相對長度單位，表示相對視口高度（Viewport Height），1vh = 1% * 視口高度
示例代碼 :
p{
font-size: 15vw;
}
如果視口的寬度是200mm，那麼上述代碼中p元素的字號將爲30mm，即(15x200)/100，隨着視口的變化，文字大寫也會發生相應的調整
視口比例長度定義了相對於視口的長度大小，這是文檔的可見部分。 當視口的大小被修改（通過更改桌面計算機窗口大小或旋轉手機或平板設備的方向）時，只有基於Gecko的瀏覽器纔會動態更新視口值。
如果html和body設置了overflow:auto，滾動條佔據的空間不會從視口中減去（視口大小包括滾動條），但當設置爲overflow:scroll時，滾動條佔據的空間反而會從視口中減去（此時視口大小不包括滾動條）。
兼容性 :
缺乏實際經驗，至於該屬性適合在什麼場景下使用，以後會繼續補充。
該文章同步在 :
簡書 ： https://www.jianshu.com/users/63adfe13324c/timeline
