CSS3是網頁設計中不可或缺的一部分。它為我們的網站提供了各種視覺效果，讓網站更加美觀。當前，CSS3已經成為了Web開發中的一個重要技術。

CSS3的單位之一是“vh”，部分開發人員可能不熟悉。vh是Viewport Height的縮寫，意思是你的整個屏幕可視界面的高度，例如，當你的屏幕高度為1000px時，vh就等于10，即每個vh相當于100px。

div {
height: 50vh;
width: 100%;
}

如上代碼所示，我們可以使用vh來控制一個元素的高度。在這個例子中，div元素的高度將會是屏幕高度的一半。在移動設備上，它會根據視口高度自動縮放。這樣，我們可以確保我們的內容不會被擋住。

vh可以與其它單位一起使用，例如px，em等等。在實際使用中，我們可以通過設置元素的高度來在頁面中創建出更具吸引力的布局。vh在創建響應式設計時非常有用。

總之，vh是一個強大的CSS3單位，它使得我們可以更好地為不同尺寸和分辨率的設備優化頁面布局。這是我們必須掌握的技術之一，因為我們需要保證我們的網站在各種設備上都表現出最佳效果。