超过宽度时刷新页面

Question

我有一个网站，当它超过 1024 像素的宽度时，我需要刷新页面。这是可能的？ 我需要这个，因为宽度

Answer 1

也许是这样的？

$(window).resize(function(){
  if ($(window).width < 1024){ 
    location.reload();
  }
}

Answer 2

听起来您需要刷新内容而不仅仅是更改样式。如果是这种情况，您将需要使用window.matchMedia()。

这是你如何使用它：

var mq = window.matchMedia( "(min-width: 500px)" );

matches 属性根据查询结果返回 true 或 false，例如

if (mq.matches) {
  // window width is at least 500px
} else {
  // window width is less than 500px
}

这个 sn-p 是 taken from here。