@EgorWeb
Верстальщик

В чем проблема отображения верстки на iphone?

При открытии сайта с iphon'a , почему-то ломается верстка, и выглядит вот так
5a592411ea855959481076.jpeg
Но! Такое только при открытии с iphone, при открытии через эмуляцию в хроме, все ок, и выглядит как надо
5a5924d266591473928564.png
Прогнал css код через автопрефиксер - не помогло.
В чем может быть проблема?
Ссылка на сам хост - dop.cx73067.tmweb.ru/persona/index.html
  • Вопрос задан
  • 95 просмотров
Пригласить эксперта
Ответы на вопрос 3
dpr
@dpr
frontend developer
Флексы, вестимо.
Не используйте их на мобильных.

Чтобы выстроить блоки в столбик, не обязательно городить неведомую хрень типа

display: flex;
flex-direction: column;


Достаточно ведь просто выключить флекс и потомки выстроятся в столбик по дефолту

display: block;
Ответ написан
guar
@guar
guarblog.ru
Проблема в вашем IPhone, на 5s страница открывается корректно.
5a599278e9cf6383905741.png
Ответ написан
@ElijahTr
Исправить под IE11, думаю заработает и в айфоне.
Указать height для родительских элементов.
( https://codepen.io/elijah_tr/pen/wpXyKx убрать высоту у контейнера и посмотреть на результат в разных браузерах)
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы