Добавить класс или другой атрибут, используя медиа-запрос
В настоящее время я использую медиазапросы CSS для некоторых небольших и средних экранных устройств, таких как:
@media screen and (min-device-width: 480px) {
...
}
@media screen and (min-device-width: 720px) {
...
}
Это работает, как и ожидалось, и я могу применить стили к некоторым конкретным селекторам, но ... Мне было интересно, есть ли способ добавить класс или другой атрибут к селектору на основе медиа-запроса.
Пример моей мысли:
@media screen and (min-device-width: 480px) {
body { addClass('body-iphone') }
}
Есть ли способ сделать это с помощью CSS или, может быть, JavaScript?