Window.matchMedia()

Retorna um novo objeto MediaQueryList (en-US) representando o resultado analisado da string media query (en-US) especificada.

mql = window.matchMedia(mediaQueryString)

onde mediaQueryString é uma string representando a media query para o qual retorna um novo objeto MediaQueryList (en-US).

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 (en-US) para mais exemplos.

• Media queries (en-US)
• Usando media queries a partir do código (en-US)
• MediaQueryList (en-US)
• MediaQueryListListener (en-US)