Questa traduzione è incompleta. Collabora alla traduzione di questo articolo dall’originale in lingua inglese.
Sommario
Restituisce un nuovo oggetto MediaQueryList che rappresenta i risultati dell'anaisi effettuta in base alla stringa media query specificata.
Sintassi
mql = window.matchMedia(mediaQueryString)
dove QueryString è una stringa che rappresenta la ricerca media query per la quale restituire il nuovo oggetto MediaQueryList .
Esempio
if (window.matchMedia("(min-width: 400px)").matches) {
/* the viewport is at least 400 pixels wide */
} else {
/* the viewport is less than 400 pixels wide */
}
Questo codice permette di gestire la pagina in modo diverso quando la finestra è molto piccola.
Vedere Using media queries from code per altri esempi.
Compatibilità browser
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 9 | 6.0 (6.0) | 10 | 12.1 | 5.1 |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | 3.0 | 6.0 (6.0) | Not supported | 12.1 | 5 |