Свойство vh может вести себя иначе на мобильных устройствах, потому что в них учитывается место, занимаемое адресной строкой. 1 На десктопе 100vh точно соответствует полной высоте видимой области экрана, а в мобильных браузерах это значение непостоянно, так как учитывает место, занимаемое адресной строкой. 1

Например, в Safari для iOS определение фиксированного значения для vh на основе максимальной высоты экрана помогает избежать скачков контента на странице, когда адресная строка перестаёт отображаться. 3 Но при этом нижняя часть элемента может быть обрезана, если отображается адресная строка. 3

Чтобы решить проблему, можно использовать функцию calc() в CSS, пользовательские переменные CSS (--vh) и события JavaScript (resize или orientationchange) для динамического вычисления высоты и поддержания актуальности размеров. 13