Как исправить поехавшую вёрстку на IPad?

Question

[Ингвар Фон Бьёрк]

На странице http://двери.дешёво.бел/dveri-skidki/ съезжают блоки "Загородный дом..." на IPad в браузере Chrome в вертикальном положении. Т.к. сам не являюсь владельцем устройства, то не могу отследить какой именно блок ведёт себя не так и почему. В чём может быть проблема?

Answer 1

[Дмитрий]

В десктопном хроме есть эмуляция разрешения ipad - этого достаточно для отслеживания таких глюков. В devtools

Answer 2

[_ _]

95% процентов, что разъезжается float. Зачем такие вещи верстать через float: left, margin-left, если можно через position: absolute?

Comments

[Ингвар Фон Бьёрк]

В указанных блоках не используется float

[_ _]

Ингвар Фон Бьёрк: А, так вы еще и не сами верстали?
.main-links .img-wr {
width: 170px;
height: 170px;
float: left;
margin-top: 15px;
}

[Ингвар Фон Бьёрк]

Александр Марченко: этот же код ниже работает корректно

[_ _]

Ингвар Фон Бьёрк: да ради бога

[Ингвар Фон Бьёрк]

Александр Марченко: "Понравились наши двери? Обращайтесь!" тоже съезжает, хотя там float нет.

Answer 3

[Roman]

В Chrome на iOS есть баг с некорректной работой блоков с float'ами. Проблема может быть в этом.

Еще можете попробовать https://www.browserstack.com