@Max1102

На iphone в Safari некорректно работает position:absolute?

Здравствуйте. Не пойму в чем дело. Есть меню с классом .menu__bottom__fixed__mob, которое я позиционирую внизу страницы. Но на Iphone 4,5,6 меню внизу страницы появляется только если прокрутить почти в самый конец, на планшете iPad и на устройствах Android все нормально.
Свойства элемента .menu__bottom__fixed__mob {

position: fixed;
width: 100vw;

z-index: 3000;
background: #ffffff;
bottom: 0;
right: 0;
left: 0;
display: flex;
justify-content: space-between;
padding-left: 20%;
padding-right: 20%;
padding-top: 10px;
padding-bottom: 10px;

border-top: 2px solid #ff0000;

}

Сам сайт на котором меню Cсылка
Просьба писать только про меню внизу страницы, так как сайт в разработке и многое сделано не так)
Тестировал сайт на сервисе https://appetize.io/.
  • Вопрос задан
  • 800 просмотров
Решения вопроса 1
Kiriniy
@Kiriniy
Графический и веб-дизайнер
Я сделал для вас скриншот на iPhone 4. Как уже писал, панель снизу позиционируется нормально и зафиксирована сразу, проблема с иконками на ней и шириной шапки сайта, дальше до самого низа сайт в порядке.

Скриншот
5edb7fb0b2bc5768825227.png


Я не знаю как технически реализована эмуляция на этом appetize, лично мне хватает вёрстки по стандартам и режима отзывчивого дизайна браузера (есть в сафари, хроме, фоксе). Но многие ещё издавна пользуются сервисом BrowserStack, попробуйте его. И, как я уже писал, не забывайте про префиксы для старых браузеров.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы