Высота просмотра смартфона без пользовательского интерфейса браузера (Bar) ⇐ CSS

[Anonymous]

Сообщество, < /p>
Я сделал страницу с одним экраном и имею проблему с изображением ее на смартфоне.
100VH рассчитывается независимо от пользовательского интерфейса браузера, который принимает Пространство на странице, ведущее к ситуации, когда у меня нет всего контента на странице, и у меня есть ~ 60 пикселей прокрутки (чтобы свернуть полосу URL). < /p>
i Пробовал по -другому Методы: DVH, SVH и т. Д. >

Код: Выделить всё

function setRealHeight() {
const realHeight = document.documentElement.clientHeight;
document.documentElement.style.setProperty('--real-vh', `${realHeight}px`);
}

window.addEventListener('resize', setRealHeight);
setRealHeight();
+
body {
height: var(--real-vh);
}

и const vh = window.visualviewport.height * 0.01;
Но ничего не помогло.
Единственное решение для полосой платы, которое я был «изобрел», - это увеличить нижнюю накладку и скрыть переполнение - но я не чувствую, что это хорошее решение.

Подробнее здесь: https://stackoverflow.com/questions/794 ... ui-url-bar