onresize不起作用

Question

我正在做一个响应式网站，然后我正在使用：

window.addEventListener("resize", function(){
   if(window.innerWidth < 768){
      //execute some code
   }
   else{
      //execute some code
   }
});

当我的导航器处于全宽并单击＆＃34;还原时＃34;按钮窗口的大小调整为小于768的宽度，addEventListener（＆＃34; resize＆＃34;）内的代码不起作用。下面的这些图片显示了这个＆＃34; resize＆＃34;的状况。只有当我使用鼠标指针调整窗口大小时，我的代码才有效。

针对这种情况的任何解决方案？

Answer 1

使用 attachEvent 或 addEventListener 启动

onresize 。您必须将回调直接附加到 window.onresize 。

语法

  

window.onresize = funcRef;

例如

window.onresize = resize;

function resize() {
    alert("resize event detected!");
}

Answer 2

尝试使用窗口。 onresize 事件。

window.onresize = function ResizeApp()
{
  if(window.innerWidth < 768)
  {
    //execute some code
  }
  else
  {
    //execute some code
  }
}