CSS是一種用于控制網頁樣式和布局的語言。其中一個非常有用的特性是可以控制網頁的可視高度。在這篇文章中，我將介紹如何使用CSS控制屏幕可視高度。

CSS可以使用“vh”單位來控制屏幕可視高度。 “vh”是“視口高度”的縮寫，表示屏幕高度的百分比。例如，如果一個元素設置高度為50vh，則該元素的高度將是整個視口高度的一半。

.example {
height: 50vh;
}

可以使用“min-height”屬性來確保元素的高度不小于某個最小高度。下面的代碼將元素的高度設置為50vh，但如果視口高度小于500像素，該元素的高度將被鎖定為500像素。

.example {
min-height: 500px;
height: 50vh;
}

除了“vh”，還可以使用其他單位來控制元素高度。例如，“px”表示像素，“em”表示相對于當前字體大小的倍數。使用不同單位可以為不同情況下的布局提供更大的靈活性。

在使用CSS控制屏幕可視高度時，請記住在不同設備上進行測試，以確保您的設計在各種屏幕大小和分辨率上都能良好呈現。