javascript - 如果屏幕宽度小于 960 像素，则将屏幕宽度添加到类中

Question

下面的代码将屏幕宽度添加到类 .reverse

var w = $(window).width();
 $('.reverse').css('width', w);

但我希望它仅在屏幕宽度小于 960 像素时这样做:

if ($(window).width() < 960) {
    $('.reverse').css('width', w);
}

上面的代码不行，你能看一下吗？谢谢!

Answer 1

尝试使用 jQuery

$(window).resize(function(){
  var width = $(window).width();
  console.log(width);
  if (width < 960){
    $('.reverse').css('width', width);
  };
});

通过这种方式，您可以在调整大小时不断检查窗口的宽度。