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 */
}此代码使您可以在窗口非常窄的情况下处理不同的事情。
规范
| 规范 | 状态 | 注释 |
|---|---|---|
|
CSS对象模型（CSSOM）视图模块
该规范中“Window.matchMedia（）”的定义。
|
Working Draft
|
初步定义 |
浏览器兼容性
| 电脑端 | 移动端 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome
|
Edge
|
Firefox
|
Internet Explorer
|
Opera
|
Safari
|
Android webview | Chrome for Android
|
Edge Mobile | Firefox for Android
|
Opera for Android
|
iOS Safari | |
| 基本支持 | 支持：9 | 支持 | 支持：6 | 支持：10 | 支持：12.1 | 支持：5.1 | ？ | ？ | 支持 | 支持：6 | 支持：12.1 | 支持：5 |