Почему сьезжает верстка при повороте экрана?

Question

[Алексей Николаев]

Проверяю через браузер все разрешения - все норм. Смотрю с айфона и на 320 все норм, поварачиваю телефон и почему то не встает, как надо, как в браузере. Некоторые блоки не получаются нужные стили. Не могу понять из за чего.

Answer 1

[Enniack]

Пишите стили для горизонтальной ориентации экрана

@media only screen and (device-width: 320px) and (orientation:landscape) {
   
}

Ну и orientation:portrait - вертикальная

Comments

[Алексей Николаев]

Не помогло, все осталось также. И зачем этот orientation, если я в стилях все расписал для каждого разрешения

[Enniack]

Алексей Николаев: Попробуйте вместо device-width: 320px вписывать min-width: 200px или max-width: 400px, ну и разные расширения.

Answer 2

[deeppines]

Разрешение экрана и рабочая область это не всегда одно и то же, скорее всего ширина рабочей области айфона, при повороте, не совпадает с заданной шириной в вашем стиле.
Попробуйте узнать ширину рабочей области или подобрать ее методом научного тыка.