Главная » JavaScript » Примеры JavaScript » Как через медиазапрос применить скрипт?
25 0  

Как через медиазапрос применить скрипт?

winked Просто сделать такое через правило - @media - невозможно! так как првила @media действуют только на стили.
Но это возможно с помощью самого скрипта.

fellow Делаем через метод matchMedia объекта window.


Пример задействования скрипта в зависимости от ширины экрана:

// например, проверим, соответствует ли указанный медиа запрос (screen and (max-width: 543px)) устройству
// результат проверки можно получить с помощью свойства matches (true или false)
if (window.matchMedia('screen and (max-width: 543px)').matches) {
  // ... действия, если устройство отвечает медиа запросу
} else {
  // ... действия, если устройство не соответствует значениям медиа запроса
}

Опыт в веб разработке:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
1979
2020