Window.matchMedia()

Возвращает новый объект MediaQueryList (en-US), использующийся для определения соответствия документа переданной строке медиавыражения.

mql = window.matchMedia(mediaQueryString)

где mediaQueryString является строкой медиавыражения, для которой будет возвращён новый объект MediaQueryList (en-US).

if (window.matchMedia("(min-width: 400px)").matches) {
  /* the viewport is at least 400 pixels wide */
} else {
  /* the viewport is less than 400 pixels wide */
}

Данный код позволяет обрабатывать поведение по другому, когда размер окна очень узкий.

Смотрите Использование медиавыражений из кода для дополнительных примеров.

• The CSSOM View Module: The MediaQueryList Interface

• Media queries
• Using media queries from code
• MediaQueryList (en-US)
• MediaQueryListListener (en-US)