@hoindex

Почему не отображается блок плашки меню в браузерах на iPhone?

Всем доброго дня!
Сделан новый адаптивный дизайн сайта.
На днях выяснилось что на iPhone не отображается плашка верхнего меню с бутербродом.
Проблема в Safari, Chrome, Yandex
62d93582acb34933526182.jpeg
Вот так (правильно) отображается в Android (chrome)
62d935b225429144352031.jpeg
При этом сами элементы плашки под ios как бы есть и они работают, если нажать в области бутерброда, появится открытой меню.
Протанцевал с бубном / гуглом, настроил отладку по usb на PC (win 10), дабы докопаться до сути, но не тут то было.
Во первых в консоли пусто, я рассчитывал что будет какая-то ошибка JS.
Во вторых в инспекторе не отображаются примененные к элементам стили.
Ну и в третьих на экране отладчика плашка меню есть...
62d936be87477711787355.png
Как быть, куда копать?
  • Вопрос задан
  • 108 просмотров
Решения вопроса 1
@hoindex Автор вопроса
Вопрос решился.
Выяснилось что старые версии огрызков (как минимум iphone 6, ios 12.5.5) некорректно отображали содержимое контейнера, если для него явно не прописана высота.
Добавили в класс высоту меню - height:57px и всё заработало.
На последних огрызках и на всех доступных андроидах всё работает без указания высоты.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
28 нояб. 2024, в 05:21
2000 руб./за проект
28 нояб. 2024, в 05:18
500 руб./за проект
28 нояб. 2024, в 03:51
3500 руб./за проект