javascript - CSS - 调整大小 - 删除 javascript

Question

我知道怎么做.. 使用 CSS 删除:

@media only screen and (max-width: 1600px) {
    #shout {
        display: none;

    }
}   

但是我想知道如何通过调整大小来删除 JavaScript(如果可能的话)？ 对于 javascript，我的意思是:

<script src="assets/js/minimap.js"></script>

... 小 map 脚本还有一个 css 文件，称为 minimap.css。所以如果需要的话我也可以操作该文件。

Answer 1

    $(window).resize(function(){

    if(window.innerWidth<400){
    $('#abc').css({'display':'none'});
    }
    else 
    $('#abc').css({'display':'block'});
    }).resize();

#abc{
width:100px;
height:100px;
background:#545454;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="abc"></div>

或者使用 JavaScript:

window.addEventListener('resize',checkResize)
function checkResize(){
if(window.innerWidth<400){
document.getElementById("abc").style.display="none";
}
else
document.getElementById("abc").style.display="block";

}
checkResize();

#abc{
width:100px;
height:100px;
background:#545454;
}

<div id="abc"></div>