使用腳本

Question

多個window.matchMedia我想補充

var mql = window.matchMedia("(max-width: 480px)"), window.matchMedia("(max-height: 479px)"); 

到我現有的腳本，現在它只有

var mql = window.matchMedia("(max-width: 480px)"). 

當我添加第二個.matchMedia腳本不一切都在開火。

我應該添加多個mqls嗎？

這裏是腳本添加max-height前的工作：

JSFIDDLE

Answer 1

這是沒有有效的JavaScript。只需將其分配給兩個不同的變量。

或更好地結合媒體查詢。

var mql = window.matchMedia("(max-width: 480px) and (max-height: 479px)"); 

Answer 2

它看起來像你試圖在一個變量中存儲多個值。你有沒有考慮使用數組來做到這一點？

var mqls = [ 
    window.matchMedia("(max-width: 8480px)"), 
    window.matchMedia("(max-height: 497px)") 
] 

然後你應該可以遍歷數組來獲得你想要的效果。

欲瞭解更多信息，你可以嘗試檢查出this resource.

祝你好運！