Сводка

Возвращает новый объект 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!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 9 6.0 (6.0) 10 12.1 5.1
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 3.0 6.0 (6.0) Нет 12.1 5

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

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

Метки документа и участники

Внесли вклад в эту страницу: hraboviyvadim, ds-lightowl, akmil, MaxSvargal
Обновлялась последний раз: hraboviyvadim,