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

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

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

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

 

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
matchMediaChrome Полная поддержка 9Edge Полная поддержка 12Firefox Полная поддержка 6IE Полная поддержка 10Opera Полная поддержка 12.1Safari Полная поддержка 5.1WebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 6Opera Android Полная поддержка 12.1Safari iOS Полная поддержка 5Samsung Internet Android Полная поддержка Да

Легенда

Полная поддержка  
Полная поддержка

 

 

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

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