Почему может не работать @media в css?

viewport прописан, внутри медиа:

@media all and (max-width: 560px) {
  .ban, .pad, .navbar, .slid-aria, .hid, .footer  {
    display: none !important;
  }
  }


Если уменьшаю окно браузера, то всё работает отлично, а если захожу с мобил, то все элементы на месте, хоть и задан display none.
  • Вопрос задан
  • 186 просмотров
Пригласить эксперта
Ответы на вопрос 2
IonDen
@IonDen Куратор тега CSS
JavaScript developer. IonDen.com
У мобил считается не физическое разрешение экрана. Например у айфона в ширину всего лишь 320 пикселей. Читайте подробности тут: habrahabr.ru/post/237931

А как тестировать тут: С чего начать разработку адаптивного сайта?
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы