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

Question

这是在IE10中以“无效参数”失败的片段。适用于Chrome，FF，但IE无法使用。我只是调试一个js问题并遇到了这个问题。我没有关于matchMedia的任何先前知识，也不是我的CSS专家。请原谅我的无知。

win.matchMedia("")

Answer 1

我刚刚遇到过这个。这是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));
}