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

Question

[Martyer]

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

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

Если уменьшаю окно браузера, то всё работает отлично, а если захожу с мобил, то все элементы на месте, хоть и задан display none.

Answer 1

[Денис Инешин]

У мобил считается не физическое разрешение экрана. Например у айфона в ширину всего лишь 320 пикселей. Читайте подробности тут: habrahabr.ru/post/237931

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

Answer 2

[Сергей]

<meta name="viewport" content="width=device-width">