Сделала для сайта адаптивную верстку под ширину экрана меньше 400 пикселей. Открываю в Safari с Iphone 5 (реальное устройство), все работает идеально. Когда захожу на специальные сайты, где можно посмотреть внешний вид сайта на разных устройствах, при ширине 320 пикселей (как раз айфон 5) не работает ничего! Почему это может быть?
1 ответ
Посмотрел ваш responsive.css
, вы там используете для адаптива медиа запрос max-device-width
, он определяет ширину экрана устройства, а не браузера (если точнее, области рендеринга), используйте max-width
head
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
– Artem Gorlachev 16 окт '17 в 5:04