window方法：matchMedia()

matchMedia()方法

matchMedia()方法可以返回一个表示指定媒体查询字符串的已解析结果的新MediaQueryList对象。

matchMedia()方法语法

mql = window.matchMedia（mediaQueryString）

其中mediaQueryString是表示要返回新MediaQueryList对象的媒体查询的字符串。

matchMedia()方法示例

if (window.matchMedia("(min-width: 400px)").matches) {
  /* the viewport is at least 400 pixels wide */
} else {
  /* the viewport is less than 400 pixels wide */
}

此代码使您可以在窗口非常窄的情况下处理不同的事情。

规范

浏览器兼容性