Esta tradução está incompleta. Por favor, ajude a traduzir este artigo.

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

Etiquetas do documento e colaboradores

Colaboradores desta página: marcosnakamine
Última atualização por: marcosnakamine,