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
以上内容是否对您有帮助:

您可能还喜欢:

在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号

意见反馈
返回顶部