使用多个窗口.脚本中的matchMedia

Using multiple window.matchMedia in script

本文关键字：matchMedia 脚本 窗口      更新时间：2023-09-26

我想添加

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

放到我现有的脚本中，这个脚本只有

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

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

我应该添加多个mqls吗?

下面是添加max-height之前的脚本:

JSFIDDLE

这不是有效的Javascript。把它赋值给两个不同的变量。

或者更好地组合mediaqueries。

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

看起来您试图在单个变量中存储多个值。你考虑过用数组来做这个吗?

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

然后，您应该能够遍历数组以获得所需的效果。

有关更多信息，您可以尝试查看此资源。

祝你好运!

相关文章：