MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

Window.matchMedia()

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

Specifica

Vedere anche

Tag del documento e collaboratori

 Hanno collaborato alla realizzazione di questa pagina: giancarlo
 Ultima modifica di: giancarlo,