100vh on mobile?

Question

css

There are several pages on the site that are 100vh high. In Safari and Yandex, for example, vertical scrolling appears due to the bottom bar. Is it possible to win somehow?

Answer 1

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

Answer 2

No impossible.
Well, except to calculate the JS viewport, if you don’t do it at all. This is intentional behavior.
ADF:
https://nicolas-hoizey.com/2015/02/viewport-height...
https://github.com/bokand/URLBarSizing#proposed-ch...
https://developers.google.com/ web/updates/2016/12/...