Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.
Сводка
Возвращает новый объект 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,