CSS中,我們可以使用height
屬性來控制元素的高度。但是有時候我們希望元素的高度能夠隨著瀏覽器窗體的高度自動調整。這時候就需要用到瀏覽器窗體高度。
瀏覽器窗體高度可以使用CSS中的vh
單位來表示。這個單位表示視口高度的百分比。
例如:
.my-element { height: 50vh; }
上面的代碼將.my-element
元素的高度設置為視口高度的50%。
有時候我們需要在JS中獲取瀏覽器窗體高度,可以使用window.innerHeight
來實現。
const windowHeight = window.innerHeight;
上面的代碼將瀏覽器窗體高度賦值給了windowHeight
變量。