@Hikky

Как отобразить нужный контент без медиа-запросов?

Всем привет! В верстке для отображения нужного контента на разных устройствах используют медиа-запросы. Например, чтобы на телефонах скрыть обычное меню и показать бургер. Возможно ли обойтись без этих запросов, и использовать вместо этого JS? Как реализовать подобное?
  • Вопрос задан
  • 55 просмотров
Решения вопроса 2
bingo347
@bingo347 Куратор тега JavaScript
Ткнуть в доку лучше готового к копипасте ответа
Можно так же медиа запросами:
https://developer.mozilla.org/ru/docs/Web/API/Wind...
Можно даже подписаться на изменение состояния по медиа запросу:
https://developer.mozilla.org/en-US/docs/Web/API/M...
Ответ написан
MrDecoy
@MrDecoy Куратор тега JavaScript
Верставший фронтендер
Проверять размер окна браузера:
window.innerWidth

Сравнивать с нужным значением.
Например мобильные: window.innerWidth < 768
И если сравнение истинно, то менять класс элемента, или напрямую свойство display.
Например:
if(window.innerWidth < 768) {
  var elem = document.querySelector('.hamburger')
  elem.style.display = 'block'
}


Но я настоятельно рекомендую всё же делать это с помощью css.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Intspirit Краснодар
от 80 000 до 150 000 ₽