vh:相對(duì)于視窗的高度，那么vw:則是相對(duì)于視窗的高度。

“視區(qū)”所指為瀏覽器內(nèi)部的可視區(qū)域大小，即window.innerWidth/window.innerHeight大小，不包含任務(wù)欄標(biāo)題欄以及底部工具欄的瀏覽器區(qū)域大小。

詳細(xì)vh的用法，大家可以參考http://www.zhangxinxu.com/wordpress/2012/09/new-viewport-relative-units-vw-vh-vm-vmin/??

calc是英文單詞calculate(計(jì)算)的縮寫，是CSS3的一個(gè)新增的功能，用來指定元素的長(zhǎng)度。比如說，你可以使用calc()給元素的border、margin、pading、font-size和width等屬性設(shè)置動(dòng)態(tài)值。為何說是動(dòng)態(tài)值呢?因?yàn)槲覀兪褂玫谋磉_(dá)式來得到的值。不過calc()最大的好處就是用在流體布局上，可以通過calc()計(jì)算得到元素的寬度。

?

轉(zhuǎn)載于:https://www.cnblogs.com/ysx215/p/7002989.html

總結(jié)

以上是生活随笔為你收集整理的width:100vh与min-height:calc(100vh + 51px)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。