vh: 相對于視窗的高度, 視窗被均分為100單位的vh;

也就是說，1vh就是當(dāng)前屏幕可見高度的1%

height:100vh == height:100%;

但是當(dāng)元素沒有內(nèi)容時候，設(shè)置height:100%，該元素不會被撐開，此時高度為0，

但是設(shè)置height:100vh，該元素會被撐開屏幕高度一致。

與calc結(jié)合使用效果更佳。

calc是 css3提供的一個在css文件中計算值的函數(shù)：

• 用于動態(tài)計算長度值。

• 需要注意的是，運算符前后都需要保留一個空格，例如：width: calc(100% - 10px)；

如：calc (100vh - 10px)表示整個瀏覽器窗口高度減去10px的大小

calc()的兼容性如下，使用時需注意：