DНЕВНИК web-программиста

Всем привет!

Вчера столкнулся с проблемой, которую, как оказалось, даже в крупных компаниях допускают - высотка блока в 100vh на мобильных устройствах.
Да, она работает не так, как хотелось бы и уже изобрели кучу хаков для этого - поделюсь несколькими)
1. C js + innerHeight
2. -webkit-fill-available
Сам не проверял(((
3. Не мог избавиться от vh поэтому поставил костыль и вычел высоту меню браузера

Но сразу скажу, если есть возможность, делайте сразу по нормальному, вот 👉пример

#css

CSS-Tricks

The trick to viewport units on mobile | CSS-Tricks

Viewport units have always been controversial and some of that is because of how mobile browsers have made things more complicated by having their own

www.tgoop.com/WebProgrammerDiary/1002

3.0K viewsJul 23, 2021 at 10:25

Всем привет!

Вчера столкнулся с проблемой, которую, как оказалось, даже в крупных компаниях допускают - высотка блока в 100vh на мобильных устройствах.
Да, она работает не так, как хотелось бы и уже изобрели кучу хаков для этого - поделюсь несколькими)
1. C js + innerHeight
2. -webkit-fill-available
Сам не проверял(((
3. Не мог избавиться от vh поэтому поставил костыль и вычел высоту меню браузера

Но сразу скажу, если есть возможность, делайте сразу по нормальному, вот 👉пример

#css

BY DНЕВНИК web-программиста