Window.matchMedia()

Возвращает новый объект MediaQueryList (en-US), использующийся для определения соответствия документа переданной строке медиавыражения (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 */
}

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

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

• The CSSOM View Module: The MediaQueryList Interface

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