Надо ли отказаться от 100vh?

Question

[bengur2]

Столкнулся с тем, что на iPhone Safari нижняя часть блока уходит за край рабочей области.
Получается, что 100vh - очень плохое решение?
Правильно ли я понимаю, что делать блок на всю высоту экрана лучше другими методами?

upd:
Приложение одноэкранное, поэтому крутить вниз нельзя до состояния, при котором нижняя панель скрывается.

Comments

[Lord_Dantes]

Примера конечно же - не будет. Ну, а что сами гадайте что там уходит. И это же не верстка 100% поплыла, а браузер виноват..

[Михаил]

Lord_Dantes, ну как раз именно, что браузер https://css-tricks.com/css-fix-for-100vh-in-mobile...

[tantumus21]

Так если вы крутанете страницу, то нижняя панель скроется, верхняя уменьшится, и рабочая область увеличится

[Олег]

tantumus21, мож там некуда крутить и сайт одноэкранный o.O

[bengur2]

Олег, да, одноэкранный, дополню сейчас в сабже

[tantumus21]

Олег, не уверен, но насколько я помню, 100vh в Сафари - это как раз без учета нижней панели. А одноэкранный сайт или нет - это уже проблема разработчика. Поэтому height: 100% тут и будет решением

Answer 1

[neuroscript]

Попробуйте
https://css-tricks.com/the-trick-to-viewport-units...
или

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
}

html {
  height: -webkit-fill-available;
}