如何使用調整在JS幾次

我正在做一個網頁，我想時，該頁面大小做一個功能但它的作品只是第一次不是爲每一個頁面大小時間和我的代碼低於：任何建議？如何使用調整在JS幾次

<body onresize="myFunction()">  
<script> 
var width = window.innerWidth 
|| document.documentElement.clientWidth 
|| document.body.clientWidth; 

function myFunction() { 
    if(width<500){ 
        document.getElementById("yy").style.display="none"; 
    }else{ 
     document.getElementById("yy").style.display="absolute"; 
    } 

} 
</script> 
<img id="yy src="..."/>

來源

2016-02-29 ARASH

如果你只想更改元素的樣式，如果頁面寬度小於500像素，可以使用CSS media query。媒體查詢不適用於IE8及以下版本，因此請確保您不需要支持舊版瀏覽器，在這種情況下，您需要使用javascript。

/* css rules for your example */ 

#yy { 
    display: absolute; 
} 

@media (max-width: 500px) { 
    /* this rules will apply only when screen width less than 500px */ 


    #yy { 
     display: none; 
    } 
}

寫起來容易多了，維護起來也容易多了。

來源

2016-03-01 00:28:11

謝謝你工作得很好！ – ARASH

如何使用調整在JS幾次

回答

相關問題