1vh CSS是一種在頁(yè)面布局中非常有用的CSS技巧。它允許我們創(chuàng)建適應(yīng)不同屏幕尺寸的響應(yīng)式設(shè)計(jì)。vh代表視口高度（Viewport Height），即瀏覽器可見(jiàn)窗口的高度。

元素的高度（height）可以用vh單位進(jìn)行設(shè)置，例如：
height: 40vh;
這將使元素的高度等同于視口高度的40%。這是非常有用的，因?yàn)樗试S我們創(chuàng)建可適應(yīng)不同屏幕尺寸的元素。當(dāng)瀏覽器窗口大小改變時(shí)，元素的高度也會(huì)自動(dòng)調(diào)整。

與viewport單位類(lèi)似的是，1vh也可以用于設(shè)置元素的寬度。

width: 50vh;
這會(huì)使元素的寬度等同于視口高度的50%。這在某些情況下可能是有用的，例如當(dāng)我們想要?jiǎng)?chuàng)建一個(gè)正方形或者是一個(gè)以縱向?yàn)橹鞯膶?dǎo)航菜單時(shí)。

除了設(shè)置元素的高度和寬度，1vh還可以用于設(shè)置其他的CSS屬性，例如margin和padding。通過(guò)使用vh單位，我們可以輕松地創(chuàng)建可伸縮并且適應(yīng)屏幕尺寸的布局。

margin-top: 5vh;
這將使上邊距等于視口高度的5%。這在創(chuàng)建具有可伸縮性的布局時(shí)非常有用。

最后需要注意的是，在使用1vh時(shí)需要注意兼容性。一些舊的瀏覽器可能不支持vh單位，因此我們需要使用備用的方法來(lái)為這些瀏覽器提供類(lèi)似的效果。

總之，1vh是一種很有用的CSS技巧，特別是在響應(yīng)式設(shè)計(jì)方面。它可以幫助我們輕松地創(chuàng)建適應(yīng)不同屏幕尺寸的布局。只需要記住在使用時(shí)要注意兼容性。