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

【问题标题】：Calling matchMedia with empty media query fails with invalid argument in IE使用空媒体查询调用 matchMedia 失败，IE 中的参数无效
【发布时间】：2014-01-06 00:16:07
【问题描述】：

这是在 IE10 中因“无效参数”而失败的 sn-p。适用于 Chrome、FF 但不适用于 IE。我只是在调试一个 js 问题并遇到了这个问题。我对 matchMedia 没有任何先验知识，也不是 CSS 专家。请原谅我的无知。

win.matchMedia("")

【问题讨论】：

标签： javascript css internet-explorer cross-browser matchmedia

【解决方案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));
}

【讨论】：