CSS 中的 VH 表示視口高度（Viewport Height），也就是瀏覽器當前可視化區域的高度。它是一個相對長度單位，在一個 viewport 中總共有 100 vh。 當我們想要設置元素的高度，可以使用 vh 單位代替像素、百分比等單位。例如，我們將一個 div 的高度設置為 50vh，它的實際高度就是當前可視化區域高度的一半。 下面是這種用法的代碼示例：

div{
height: 50vh;
}

上面代碼的含義是將 div 元素的高度設置為當前可視化區域高度的一半。 注意，使用 vh 單位的一些問題需要注意。根據瀏覽器窗口大小的不同，可以出現滾動條，而滾動條的高度會占用一段視口高度，這樣就會影響到實際的 vh 值。此外，如果當 viewport 的寬度小于元素設置的寬度時，元素的寬度也會因為超出viewport 而發生改變，這就會影響其實際高度的計算。 在移動設備上使用 vh 單位時，需要特別注意。因為在手機上，用戶可以隨時切換到橫屏（landscape）模式，在這種模式下，viewport 的高度會發生變化，因此也會影響vh值。 總的來說，vh 單位是一個非常實用的單位，特別是在響應式設計中。但要注意其實際運用中的一些問題，避免出現意料之外的情況。