onresize

最新推荐文章于 2023-03-10 20:29:24 发布

crystal---

最新推荐文章于 2023-03-10 20:29:24 发布

阅读量254

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qzcrystal/article/details/104156002

版权

前端专栏收录该内容

25 篇文章 0 订阅

订阅专栏

                //根据尺寸改变屏幕颜色
                window.addEventListener('load',function(){
			console.log(window.innerWidth);
			window.addEventListener('resize',function(){
				if (window.innerWidth >= 960) {
					document.body.style.backgroundColor = 'red';
				} else if (window.innerWidth >= 340){
					document.body.style.backgroundColor = 'blue';
				}else{
					document.body.style.backgroundColor = 'green';
				}
			})
		})

也可用于瀑布流布局优化：当页面尺寸发生变化时要重新布局。