使用空媒体查询调用matchMedia失败,IE中的参数无效

Calling matchMedia with empty media query fails with invalid argument in IE

本文关键字:IE 无效 参数 失败 matchMedia 媒体 查询 调用      更新时间:2023-09-26

以下是IE10中因"无效参数"而失败的片段。适用于Chrome、FF,但不适用于IE。我只是在调试一个js问题,遇到了这个问题。我之前对matchMedia没有任何了解,也不是CSS专家。请原谅我的无知。

win.matchMedia("")

我刚刚也遇到了这个问题。这是IE10-11中不一致的行为。我的解决方案是在我的应用程序中实现一个方法,该方法在调用matchMedia.matches()之前首先检查空字符串……根据上下文,您可能会执行以下操作:

if(meqia_query === "" || matchMedia.matches(media_query)) {
  // do your thing
}

function myMatchMedia(media_query) {
  return (meqia_query === "" || matchMedia.matches(media_query));
}