javascript - 在 IE 中使用空媒体查询调用 matchMedia 失败，参数无效

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));
}