100vh是什麼意思
在CSS(層疊樣式表)中,100vh
是一個單位,表示視口高度的100%。這裡的vh
是「視口高度」(Viewport Height)的縮寫。視口是指瀏覽器視窗的可視區域,它的大小會根據用戶的縮放設定和視窗大小而變化。
使用100vh
可以讓你指定的元素的高度自適應於視口的高度,無論用戶如何縮放瀏覽器視窗,這個元素都會占用整個視口的高度。例如,如果你想讓一個元素始終占據瀏覽器視窗的整個高度,你可以使用以下CSS規則:
.full-height-element {
height: 100vh;
}
這樣,.full-height-element
類指定的元素將始終占用瀏覽器視窗的整個高度。
需要注意的是,vh
單位是相對單位,這意味著它們相對於視口的大小。如果你想要一個元素的尺寸與視口的尺寸無關,你可以使用絕對單位,如像素(px)。