Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

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,