Почему в мобильном Chrome нижняя плашка является абсолютным элементом?

Question

[ForSureN1]

Добрый день, возникла такая интересная проблемка, секция имеет 100vh, слайдер прижат к низу с отступом в 20px,
в браузере с компьютера все показывает отлично, но если открывать на телефоне, то нижняя плашка закрывает контент, будто секция выходит за пределы 100vh, возможно ли как то это исправить ? если двигать от низа margin, то потом возникнет проблема с верхним блоком, на том же iphone 5 все будет поверх друг друга.
Заранее благодарю
Мобильная версия

Мобильная версия с компьютера

Comments

[Алексей Дубровин]

100%, а не 100 vh.
Это не только в этом браузере.

[ForSureN1]

Алексей Дубровин, Нет, поймите, мне нужно чтобы эта секция была именно 100vh, таков дизайн, если ей дать 100%, то тогда будут видимы нижние блоки

[Михаил]

ForSureN1, попробуйте погуглить на тему 100vh fix

[FrelFrloich]

ForSureN1, дело не в хроме, у вас проблема в стилях, уже страница 30 по счёту на нынешним проекте, все на мобиле 100vh, таких проблем не наблюдалось. Больше ничего сказать вам не смогут, так как вы предоставили картинку.

[Flying]

Посмотрите вот эти статьи (раз, два), там даётся несколько вариантов решения.

Проблема известная, особенно хреново ведёт себя браузер в iOS, поскольку они выводят свой интерфейс поверх страницы, а не меняют размер viewport.

Answer 1

[Виктор Полторацкий]

Такая жизнь) просто падинг сделай снизу и всё, сей час многие телефоны управляются жестами и плажки нет либо ее снимают ,даже если будет проблема не твоя