1，vw，vh，vmin，vmax是由視窗Viewport大小來決定的，單位1，代表1%，是一種相對單位，只要是為響應式適配視窗的一種解決方案；

vw：view width（視窗寬度）的百分比，1vw代表視窗寬度的1%；

vh：view height（視窗高度）的百分比，1vh代表視窗高度的1%；

vmin：當前視窗寬度vw和視窗高度vh中較小的一個值；

vmax：當前視窗寬度vw和視窗高度vh中較大的一個值；

2，與百分比的區別：

（1）%是相對於父元素的大小設定的，而vw，vh是由視窗大小決定的。

（2）vw，vh優勢在於能夠直接獲取高度，而%則在沒有設定body的高度情況下，是無法正確獲取可視區域的高度的，所以css3加入新單位是方便開發者的選擇。

3，vmin，vmax的用處：

做移動頁面開發時，如果使用vw，vh設置字體大小（例如10vw），在豎屏和橫屏狀態下顯示字體大小是不一致的，而vmin，vmax是當前vw和vh中，較小值和較大值，這裏就可以使用vmin和vmax，使得文字在橫豎屏下面顯示一致。

4，瀏覽器兼容性：

5，應用：

比如，彈出框大小隨內容自適應；顯示大圖石限制其最大尺寸；實現Word文檔頁面效果（使用vh單位，一屏正好一頁，改變瀏覽器窗口大小，頁面大小隨之變化）等。

【完】

新年flag2——每天走8000步，一個月走8000*30=24W步，一萬步大約7KM，那麽24*7=168公裏，小米手環/手機打卡。

CSS3新單位vw，vh，vmin，vmax詳解