14 июня 2021 в 2:44
Всем привет. Столкнулся с проблемой отображения сайта на IOS. Сайт сделан на Adaptive theme. Все везде работает, но на айфонах верстка сыпется, мобильное меню всегда раскрыто (сделано через суперфиш), оттуда я думаю разъезжается вся шапка сайта. Самая лажа, что сайт работает 2 месяца, а косяк нашли только сейчас. На спец сервисах типа iloveadaptive верстка через эмуляторы выглядит правильно. Может подскажете куда копать, где искать?
Комментарии
Берете MacOS с Safari и в инспекторе браузера смотрите что не так со стилями на сафари. Переписываете код так, чтобы работало везде
Ох уж этот сафари. Пора уже пользователям сафари начать показывать всплывашку "Ваш браузер устарел")))
Версии IOS и Safari последние? Какой сайт?
Рекомендую прогнать на lambdatest.com, там в эмуляторе есть devtools.
Из доступного там только 11, но у него с шапкой все ок, только меню не отталкивает содержимое вниз. На выходных буду на всех остальных девайсах вживую тестить, потому, что эмуляторы проблему не показывают
Короче я тестил на 6 яблоке и на 11, до других руки не дотянулись пока. Глючит не только в сафари, но и хром тоже. Сайт polestationstudio.ca
Вчера попробовал жестко прописать высоту дива с логотипом под разрешение 6 айфона, вроде зашло, фон суперфиша залил белым, более менее поправилась ситуация, но это все костыли, я конечно могу прописать так под каждое устройство от яблока, но это дроч. Плюс при нажатии на суперфиш, он раскрывается поверх следующих дивов, не ототвигая их вниз. В общем до сих пор не победил проблему, если до конца не разберусь, буду наверное под каждый девайс писать стили
На ios любой браузер - это сафари с видоизменённым интерфейсом.