@media可以用來觸發不同的Javascript？

-1

我正在嘗試將廣告代碼（javascript）添加到我的響應式設計博客中。但我不知道如何處理它。我可以使用@media嗎？我有兩個廣告728x90和320x50，都是javascript代碼。我想在寬度大於730時顯示728x90，否則始終爲320x50。這可能嗎？@media可以用來觸發不同的Javascript？

我的博客是一個tumblr博客。

來源

2016-09-07 Varughese

爲什麼不在頁面加載時使用$（window）.width（）或screen.availWidth（或類似的東西）？然後使用邏輯來使用任何廣告。 –

請嘗試以下，看看它的工作原理：

jQuery(window).on('resize change', function() { 
if(jQuery(window).width() > 730){ 
    Do something here... 
}else{ 
    Do something here... 
}}

來源

2016-09-07 18:51:37

CSS無法觸發JavaScript，但JavaScript可以直接測試媒體查詢。

if (window.matchMedia("min-width: 730px").matches) { 
    // show big ad 
} 
else { 
    // show small add 
}

MDN

來源

2016-09-07 18:48:43 Whothehellisthat

，你可以找到與JS客戶端窗口的寬度和運用你的邏輯相應

if (window.innerWidth > 730) { 
    //your code here 
} else { 
    // code here 
}

http://www.w3schools.com/jsref/prop_win_innerheight.asp

來源

2016-09-07 18:49:36 StackOverMySoul

@media可以用來觸發不同的Javascript？

回答

相關問題