window方法：matchMedia()

matchMedia()方法

matchMedia()方法可以返回一個(gè)表示指定媒體查詢字符串的已解析結(jié)果的新MediaQueryList對(duì)象。

matchMedia()方法語法

mql = window.matchMedia（mediaQueryString）

其中mediaQueryString是表示要返回新MediaQueryList對(duì)象的媒體查詢的字符串。

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 */
}

此代碼使您可以在窗口非常窄的情況下處理不同的事情。

規(guī)范

瀏覽器兼容性