Сводка
Возвращает новый объект 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 */
}
Данный код позволяет обрабатывать поведение по другому, когда размер окна очень узкий.
Смотрите Использование медиа-запросов из кода для дополнительных примеров.
Поддержка браузерами
BCD tables only load in the browser