js监听页面大小变化 背景解决办法 背景 有以下场景,比如当窗口大小发生变化的时候,我们的元素也需要自动更改布局,那么就需要监听页面大小变化,以实现对应的功能 解决办法 监听页面大小变化,可以通过监听resize事件来实现 window.addEventListener('resize', () => { const w = document.documentElement.clientWidth; const h = document.documentElement.clientHeight; console.log('页面大小发生了变化', `宽度:${w}`, `高度:${h}`); });