CSS 屏幕高度 vh 是 CSS 中用于設(shè)置頁面元素高度的一種單位。vh 表示屏幕高度的百分之幾，即 100 vh 等于頁面元素高度的 1%。屏幕高度是指瀏覽器窗口的分辨率，可以通過設(shè)置 window.screen.height 或 window.screen.width 來獲取或設(shè)置屏幕高度。

在 CSS 中，使用 vh 單位可以方便地設(shè)置元素的高度的微調(diào)。例如，可以使用以下 CSS 代碼來設(shè)置一個(gè)元素的垂直居中位置：

position: absolute;

top: 50vh;

left: 50vh;

上述代碼將設(shè)置元素的父元素為絕對(duì)定位，并將其放置在屏幕高度的 50% 處，以垂直居中。使用 vh 單位還可以使代碼更易于理解和維護(hù)，因?yàn)樗鼈兺ǔＥc屏幕分辨率和瀏覽器窗口大小無關(guān)。

除了垂直居中，使用 vh 單位還可以用于其他微調(diào)，例如設(shè)置元素的上下滾動(dòng)距離或頁面滾動(dòng)條的高度。例如，可以使用以下 CSS 代碼來設(shè)置元素的上下滾動(dòng)距離為 100 vh:

overflow: hidden;

padding-bottom: 100vh;

上述代碼將隱藏元素的滾動(dòng)條，并設(shè)置其子元素的高度為 100 vh，以使其與父元素保持垂直對(duì)齊。

總之，CSS 屏幕高度 vh 是一個(gè)重要的單位，用于微調(diào)頁面元素的高度，使其符合用戶界面的需求。