Window.matchMedia()

Resumo

Retorna um novo objeto MediaQueryList representando o resultado analisado da string media query especificada.

Sintaxe

mql = window.matchMedia(mediaQueryString)

onde mediaQueryString √© uma string representando a media query para o qual retorna um novo objeto MediaQueryList.

Exemplo

if (window.matchMedia("(min-width: 400px)").matches) {
  /* a viewport tem pelo menos 400 pixels de largura */
} else {
  /* a viewport menos que 400 pixels de largura */
}

Este código permite-lhe lidar com as coisas de forma diferente quando a janela é muito estreita.

Veja Usando media queries a partir do c√≥digo para mais exemplos.

Especifica√ß√Ķes

Especifica√ß√Ķes Status Comment
CSS Object Model (CSSOM) View Module
The definition of 'Window.matchMedia()' in that specification.
Rascunho atual Initial definition

Compatibilidade do navegador

Estamos convertendo nossos dados de compatibilidade para o formato JSON. Esta tabela de compatibilidade ainda usa o formato antigo, pois ainda não convertemos os dados que ela contém. Descubra como você pode ajudar!

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) N√£o suportado 12.1 5

Veja também