Window.matchMedia()

Сводка

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

Синтаксис

mql = window.matchMedia(mediaQueryString)

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

Пример

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

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

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

Совместимость с браузерами

BCD tables only load in the browser

Спецификации

Смотрите также