在CSS中,我們可以使用window.innerWidth
和window.innerHeight
來獲取瀏覽器窗口的寬度和高度,這兩個(gè)屬性分別表示瀏覽器窗口的寬度和高度,包括滾動(dòng)條(如果存在的話)。
如果你想獲取瀏覽器窗口的寬度,可以使用以下CSS代碼:
body { width: window.innerWidth + 'px'; }
這段代碼會(huì)將body
元素的寬度設(shè)置為瀏覽器窗口的寬度,注意,這里的window.innerWidth
是一個(gè)JavaScript表達(dá)式,它會(huì)被瀏覽器計(jì)算并替換成實(shí)際的寬度值。
同樣地,你也可以使用window.innerHeight
來獲取瀏覽器窗口的高度,并將其設(shè)置為HTML元素的高度:
html { height: window.innerHeight + 'px'; }
這段代碼會(huì)將html
元素的高度設(shè)置為瀏覽器窗口的高度。
需要注意的是,這種方法只在CSS中使用JavaScript表達(dá)式時(shí)有效,如果你是在JavaScript代碼中獲取瀏覽器寬度和高度,那么可以使用window.width
和window.height
這兩個(gè)屬性。