Window.matchMedia()

Сводка

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

Синтаксис

mql = window.matchMedia(mediaQueryString)

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

Пример

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

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

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

Поддержка браузерами

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

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

• The CSSOM View Module: The MediaQueryList Interface

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

• Media queries
• Using media queries from code
• MediaQueryList
• MediaQueryListListener