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,