Window.matchMedia()

Esta tradução está incompleta. Ajude atraduzir 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.
Working Draft Initial definition

Compatibilidade do navegador

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,