javascript - 如何在媒体查询中禁用 JavaScript

Question

我想在媒体查询中禁用 javascript。

@media only screen
 (max-device-width : 568px) {
.sidebar { display: none; } 
  #navmenu {  margin-top:0px; width:auto; padding:10px; margin-left:15%;}
.content {width:auto; height:auto; margin-left:0; margin-top:3%;}
.contentsing{position:relative; width:100%; height:auto; margin-left:0%; margin-top:-150px;}


}

那是 mu 代码，现在我想添加一些可以禁用脚本的东西。

Answer 1

您可以将脚本包装在一个 if 语句中，以检查屏幕的宽度，如下所示:

if(window.innerWidth > 568){
    ...execute script
}

但是，这只会执行一次，所以如果您调整浏览器窗口的大小怎么办？您可以有一个事件监听器，它会在您调整浏览器大小时执行您的脚本。

window.addEventListener('resize', function(){
    if(window.innerWidth > 568){
        ...execute script
    }
});