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

Question

[nwbck]

Есть несколько страниц на сайте, высота которых равна 100vh. В Safari и Яндексе, например, появляется вертикальная прокрутка из-за нижней панели. Возможно это как-то победить?

Comments

[Антон Спирин]

Поиском пользоваться пробовали?

Answer 1

[Максим Тимофеев]

.my-hren {
overflow: hidden;
height: 100vh;
}

Comments

[wufapexef]

Наивный)))

[Максим Тимофеев]

wufapexef, ??? https://jsfiddle.net/95po1z9c/5/

[wufapexef]

Шизофрения

Answer 2

[wufapexef]

Нет, невозможно.

Ну разве что вычислять JS вьюпорт, если делать совсем нефиг. Это намеренное поведение.

АПД:

https://nicolas-hoizey.com/2015/02/viewport-height...
https://github.com/bokand/URLBarSizing#proposed-ch...
https://developers.google.com/web/updates/2016/12/...