javascript – JS或jQuery或窗口调整大小或窗口宽度小于npx

嗯,你可以使用jQuery,但……

您可以订阅窗口调整大小事件,如下所示：

$(window).on("resize", function(event){
  console.log( $(this).width() );
});

请注意这一点,因为当宽度小于n时执行代码的if语句在调整满足这些条件的窗口时会执行该代码的次数非常多.最好设置一些标志或向文档添加类,并使这些部分成为您的条件.

CSS媒体查询就在哪里！

但是,你问的问题听起来最适合用 CSS Media Queries 来解决.例如,如果我们想在窗口小于900px时改变主体背景颜色：

@media screen and (max-width: 900px) {
  body {
    background: #ccc;
  }
}

对于旧版IE： https://github.com/scottjehl/Respond ,甚至还有一个很好的polyfill