如何獲取瀏覽器高度？

在CSS中，我們可以使用JavaScript來(lái)獲取瀏覽器的高度，瀏覽器高度通常指的是視口（viewport）的高度，即用戶可見(jiàn)區(qū)域的高度，以下是一種簡(jiǎn)單的方法來(lái)獲取瀏覽器高度：

1、我們需要?jiǎng)?chuàng)建一個(gè)JavaScript函數(shù)來(lái)獲取瀏覽器高度：

function getBrowserHeight() {
  return window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
}

2、我們可以調(diào)用這個(gè)函數(shù)來(lái)獲取瀏覽器高度，并將其賦值給一個(gè)CSS變量：

const browserHeight = getBrowserHeight();
document.documentElement.style.setProperty('--browser-height', browserHeight + 'px');

3、在CSS中，我們可以使用這個(gè)變量來(lái)設(shè)置元素的高度：

.container {
  height: var(--browser-height);
}

通過(guò)這種方式，我們可以動(dòng)態(tài)地獲取瀏覽器高度，并將其設(shè)置為元素的高度，這可以讓我們?cè)跇?gòu)建響應(yīng)式布局時(shí)更加靈活地控制元素的高度。