Этот вопрос закрыт для ответов, так как повторяет вопрос Как подружить height 100vh и chrome mobile?
@ArtJH

Высота 100vh на мобильном в разных браузерах?

Делаю блоки фулл скрин, т.е с высотой 100vh, на компе всё норм, в мобильном тоже всё норм, кроме одного НО!
Блоки получаются высотой во весь экран, но из-за того что в мобильном браузере верхняя плашка (навигация браузера) плавающая, то происходят скачки размера этих блоков.
То есть когда загружаю страницу, самый верхний блок (первый экран сайта) идёт высотой 100vh. Но это высота исключает верхнюю плашку браузера, когда чуть чуть прокручиваю страницу, на высоту этой плашки, плашка ушла вверх, и высота блока меняется на эту в разницу, потому что высота экрана как бы стала больше. И происходит скачек.

Как вы решали такие проблемы?
Прогуглил, ничего толкого не нашел. На похожие вопросы из тостера прошу не отправлять
Более менее подходит это https://css-tricks.com/the-trick-to-viewport-units...
Но все равно при изменении дергается
  • Вопрос задан
  • 194 просмотра
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы