在脚本中使用多个window.matchMedia

Question

我试图添加

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

现在只有

的现有脚本

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

当我添加第二个.matchMedia时，脚本根本不会发射。

我应该添加多个mql吗？

以下是添加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.

祝你好运！