We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

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

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

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) No support 12.1 5

Specifica

Vedere anche

Tag del documento e collaboratori

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