使用HTML編寫網(wǎng)頁時，通常會將body的寬度和高度設(shè)置為100%以適應屏幕大小。但實際應用中，我們可能更加關(guān)注的窗口大小。為了讓網(wǎng)頁在用戶調(diào)整窗口大小時依然能夠顯示良好，我們可以將body的寬度和高度設(shè)置為窗口的大小。 為了實現(xiàn)這種效果，我們可以借助JavaScript的事件監(jiān)聽機制。當用戶調(diào)整窗口大小時，JavaScript會監(jiān)聽到窗口大小的變化，然后更新body的寬度和高度。 以下是實現(xiàn)這個效果的代碼：

window.addEventListener('resize', function() {
document.body.style.width = window.innerWidth + 'px';
document.body.style.height = window.innerHeight + 'px';
});

上述代碼通過addEventListener方法給窗口添加了一個resize事件監(jiān)聽器。當用戶調(diào)整窗口大小時，該監(jiān)聽器會被觸發(fā)，并把窗口的寬度和高度賦值給body元素的寬度和高度屬性。 在HTML中，我們可以將這段代碼嵌入到標簽中，或者將代碼單獨放在一個.js文件中，并在HTML中使用