![7275569-78f8b42bb54aec85.jpg](https://i-blog.csdnimg.cn/blog_migrate/c8d8e48086c1ef64186e0a14298fc7b1.webp?x-image-process=image/format,png)
微信订阅号:Rabbit_svip
用JS实时监听屏幕宽度,是为了配合CSS更好的控制。
思路是:监听页面加载,然后再监听浏览器缩放。
window.addEventListener('load', function() {
console.log(window.innerWidth);
window.addEventListener('resize', function() {
console.log(window.innerWidth);
})
})
![7275569-b5dfebf26125073d.gif](https://i-blog.csdnimg.cn/blog_migrate/98974a9634d47067df09c2216d30403f.webp?x-image-process=image/format,png)
微信订阅号:Rabbit_svip
关键词
- addEventListener
- resize
- innerWidth