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 */
}

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

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

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

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

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

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

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

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