浏览器宽度更改时是否运行Javascript/Jquery函数？

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

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

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

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

但是还有一个问题，如果这个人正在使用

1.更小的屏幕最初是电脑屏幕，后来决定最大化浏览器屏幕

或

从纵向视图切换到横向视图，横向视图的宽度更长。。。

---

是否有一个函数可以在每次浏览器宽度更改时触发？

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

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

---

您需要在resize事件中调用函数

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

---

<>我想你应该考虑使用一个单一的网站，使用媒体查询——如@ MattMatMo的评论中提到的——基于屏幕宽度改变布局。我已经开发了一些网站，现在只有一个使用媒体查询的移动、平板和台式机网站。它有时很笨拙，但它节省了两个不同的站点，从而增加了维护负担。

< P>我认为你应该考虑使用一个单一的网站，使用媒体查询——如@ MattMatMo的评论中提到的——基于屏幕宽度改变布局。我已经开发了一些网站，现在只有一个使用媒体查询的移动、平板和台式机网站。偶尔会有点尴尬，但这样可以省去两个不同站点的麻烦，从而使维护负担加倍。

您应该在CSSY中查看媒体查询您应该在CSSGreat answer中查看媒体查询！但是我如何添加这样的函数：函数abrir{$'sidebar'.css'display'，'initial'；}它显示abrir不是控制台上的函数！但是我如何添加这样的函数：函数abrir{$'sidebar'.css'display'，'initial'；}它显示abrir不是控制台上的函数