Почему на сафари едет верстка первого экрана?

Question

[tripcollor]

Делаю сайт для заказчика. У него сафари говорит что первый экран едет остаются только кнопки.
Есть предположение что у него старая версия браузера, но может и верстка кривая. Кто с маком помогите определить в чем проблема?

вот сайт vadimbashirof.ru

Comments

[Givandos]

Если в вёрстка используется flex, то нужно везде префиксы поставить.
В старых версиях сафари с этим были проблемы.
Сам пока не могу проверить, так как не возле компьютера.

[tripcollor]

так префиксы все проставлены, пользуюсь gulp с автопрефиксом

Answer 1

[Vladimir T]

Попробуйте прогнать свой css через autoprefixer.github.io и после этого узнайте у клиента исправилась ли проблема.
А что за dic(смотри ниже)?

Вот так выглядит сайт:

Comments

[tripcollor]

Спасибо огромное))
Я через gulp с автопрефиксом работаю, с ними все должно быть норм.
У вас все норм с первым экраном, в целом все так и должно быть. У заказчика его вообще нету, значит дело в старом сафари
А насчет опечатки спасибо, замаялся работать под конец дня, не углядел))

[tripcollor]

Там еще ниже есть diw, спасибо вашему скрину, так бы тоже не заметил)

Answer 2

[Андрей Б.]

https://www.browserstack.com/ есть бесплатный тестовый период, вам хватит.

Answer 3

[Егор Живагин]

Ищи эмуляторы онлайн в интернете и тести

На телефонах яблок это в 80% случаев связано с <meta viewport... > Прописывал его?

Comments

[tripcollor]

прописывал для телефонов в том числе и эпл в jquery код

[tripcollor]

но без viewport

[Егор Живагин]

tripcollor: просто Сафари телефонный же по-умолчанию ставит ширину в, кажется, 900px и всё масштабирует
На всякий случай положу тут ) meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"

[tripcollor]

Krasnodar_etc: Ок спасибо за инфу, будет полезно. В общем все нормально на новых версиях выше дали ответ со скринами, просто у заказчика старый браузер.