100vh是什麼意思

在CSS(層疊樣式表)中,100vh是一個單位,表示視口高度的100%。這裡的vh是「視口高度」(Viewport Height)的縮寫。視口是指瀏覽器視窗的可視區域,它的大小會根據用戶的縮放設定和視窗大小而變化。

使用100vh可以讓你指定的元素的高度自適應於視口的高度,無論用戶如何縮放瀏覽器視窗,這個元素都會占用整個視口的高度。例如,如果你想讓一個元素始終占據瀏覽器視窗的整個高度,你可以使用以下CSS規則:

.full-height-element {
  height: 100vh;
}

這樣,.full-height-element類指定的元素將始終占用瀏覽器視窗的整個高度。

需要注意的是,vh單位是相對單位,這意味著它們相對於視口的大小。如果你想要一個元素的尺寸與視口的尺寸無關,你可以使用絕對單位,如像素(px)。