Этот вопрос закрыт для ответов, так как повторяет вопрос Как подружить height 100vh и chrome mobile?
JimmiJanger
@JimmiJanger
Любопытный активист, под маской ленивого нуба.

Нижняя панель не видна на странице, при просмотре с Android?

Вопрос в следующем.
Я на сайте, поместил блок с ссылками.
На ПК отображается всё хорошо.
Но вот с телефона, при загрузке нижней панели не видно, только прокрутив сайт до самого низа, можно увидеть ссылки ... Но они как бы не в самом низу ... Я не знаю, как объяснить ...

В общем, от нижней панели осталось только 2 пикселя. Если за него зацепиться, тогда блок можно поднять, а так приходится прокручивать страницу в самый низ ...

Использую:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="textSite"></div>
<div class="SiteSS"></div>
</body>
</html>


Вот код CSS:
.textSite{
padding: 0 2rem 0 2rem;
height: calc(100vh - 4rem);
overflow-y: auto;
}
.SiteSS{
height:  4rem;
}


С телефона, проблема заключается в том, что когда в браузере видна верхняя панель с функциональными кнопками, тогда сайт "как бы опускается" вниз ...
Если эта панель сворачивается, то всё отображается нормально ....
Как мне решить проблему ...
  • Вопрос задан
  • 110 просмотров
Ваш ответ на вопрос

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

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