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

Главные вкладки

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

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

Комментарии

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

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

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

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

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

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

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

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