js监听页面大小变化

背景

有以下场景，比如当窗口大小发生变化的时候，我们的元素也需要自动更改布局，那么就需要监听页面大小变化，以实现对应的功能

解决办法

监听页面大小变化，可以通过监听resize事件来实现

window.addEventListener('resize', () => {
    
    
	const w = document.documentElement.clientWidth;
	const h = document.documentElement.clientHeight;
	console.log('页面大小发生了变化', `宽度：${
      
      w}`, `高度：${
      
      h}`);
});