javascript - Javascript/Jquery 在浏览器宽度变化时运行函数？

Question

我正在创建一个移动网站，但现在客户坚持使用无响应的原始网站。这意味着我将在同一个域下拥有两个网站。

现在我需要做的是在加载网页时比较用户屏幕大小并将它们重定向到正确的网站。

我可以使用下面的 javascript 解决这个问题：

  if($(window).width() <= 760){ 
    document.location = "https://maps.google.com.my/";
    alert('mobile ver');//goto mobile version
  }

但是还有另一个问题，如果这个人正在浏览网站怎么办

1.先小屏幕（电脑屏幕）然后决定最大化浏览器屏幕？

或者

是否有可以在每次浏览器宽度更改时触发的功能？

score 5 · Accepted Answer

你需要在 resize 事件中调用你的函数

$(window).resize(function() { 
 //call to your function and check the window width
 });

score 0 · Accepted Answer

我认为您应该考虑拥有一个使用媒体查询的网站——正如@mattytommo 的评论中提到的——根据屏幕宽度改变布局。我现在已经开发了一些网站，其中只有一个使用媒体查询的移动、平板电脑和台式机网站。这有时很尴尬，但它不必拥有两个不同的站点，从而使维护负担加倍。

2 回答 2