W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
matchMedia()方法可以返回一個(gè)表示指定媒體查詢字符串的已解析結(jié)果的新MediaQueryList對(duì)象。
mql = window.matchMedia(mediaQueryString)
其中mediaQueryString是表示要返回新MediaQueryList對(duì)象的媒體查詢的字符串。
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ī)范 | 狀態(tài) | 注釋 |
---|---|---|
CSS對(duì)象模型(CSSOM)視圖模塊
該規(guī)范中“Window.matchMedia()”的定義。
|
Working Draft
|
初步定義 |
電腦端 | 移動(dòng)端 | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
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 |
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: