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

Question

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

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

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

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

但还有另一个问题，如果此人正在使用

浏览网站该怎么办？ 1. prsler屏幕（电脑屏幕）首先然后决定最大化浏览器屏幕？

或

1. 从纵向视图切换到横向视图（宽度更长......）

每次浏览器宽度发生变化时都会触发一个函数吗？

Answer 1

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

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

Answer 2

我认为您应该考虑使用一个使用媒体查询的网站 - 如@ mattytommo的评论中所述 - 根据屏幕宽度更改布局。我现在开发了一些网站，这些网站只有一个使用媒体查询的移动设备，平板电脑和桌面网站。它偶尔会很尴尬，但它可以节省两个不同的站点，从而使维护负担加倍。