Отображение сайта на IOS

Аватар пользователя nosor nosor 14 июня в 2:44

Всем привет. Столкнулся с проблемой отображения сайта на IOS. Сайт сделан на Adaptive theme. Все везде работает, но на айфонах верстка сыпется, мобильное меню всегда раскрыто (сделано через суперфиш), оттуда я думаю разъезжается вся шапка сайта. Самая лажа, что сайт работает 2 месяца, а косяк нашли только сейчас. На спец сервисах типа iloveadaptive верстка через эмуляторы выглядит правильно. Может подскажете куда копать, где искать?

Комментарии

Аватар пользователя ivnish ivnish 14 июня в 7:46

nosor wrote: Может подскажете куда копать, где искать?

Берете MacOS с Safari и в инспекторе браузера смотрите что не так со стилями на сафари. Переписываете код так, чтобы работало везде

Аватар пользователя gun_dose gun_dose 14 июня в 8:38

Ох уж этот сафари. Пора уже пользователям сафари начать показывать всплывашку "Ваш браузер устарел")))

Аватар пользователя nosor nosor 15 июня в 0:00

VVS wrote: Рекомендую прогнать на lambdatest.com, там в эмуляторе есть devtools.

Из доступного там только 11, но у него с шапкой все ок, только меню не отталкивает содержимое вниз. На выходных буду на всех остальных девайсах вживую тестить, потому, что эмуляторы проблему не показывают

Аватар пользователя nosor nosor 14 июня в 23:54

Короче я тестил на 6 яблоке и на 11, до других руки не дотянулись пока. Глючит не только в сафари, но и хром тоже. Сайт polestationstudio.ca
Вчера попробовал жестко прописать высоту дива с логотипом под разрешение 6 айфона, вроде зашло, фон суперфиша залил белым, более менее поправилась ситуация, но это все костыли, я конечно могу прописать так под каждое устройство от яблока, но это дроч. Плюс при нажатии на суперфиш, он раскрывается поверх следующих дивов, не ототвигая их вниз. В общем до сих пор не победил проблему, если до конца не разберусь, буду наверное под каждый девайс писать стили