Какие недостатки в единице измерения CSS vh\vw?

Question

[Rostyk Ice]

Здравствуйте, мне интересно какие недостатки(кроме кроссбраузерности) в единице измерения vh\vw, потому что очень уж они удобные в использовании. Может подскажите еще лучше единицу измерения?

Answer 1

[Максим Софронов]

Знаю один неудобный недостаток — на мобилках если задать height: 100vh, то все-равно будет полоса прокрутки, т. к. в этом случае не учитывается высота панели браузера, которая имеет свойство скрываться при прокрутке.

Comments

[Rostyk Ice]

Ну вроде сейчас использовал и на мобилах нету такого...
output.jsbin.com/vorokav
android 6.0 , last version chrome browser , display 5

[Максим Софронов]

Rostyk Ice: в сафари на айпаде есть

[IIIu6ko]

Максим Софронов: если ios7, то у них проблемы именно с vh caniuse.com/#search=vh
Можно юзать вот эту примесь для решения проблемы https://gist.github.com/BenMorel/e9e34c08360ebbbd0634

Answer 2

[Сергей Горячев]

какие недостатки (кроме кроссбраузерности)

Сам спросил, сам ответил :)

Comments

[Rostyk Ice]

Так, что вообще нет никаких недостатков в использовании?

Answer 3

[tema_sun]

caniuse.com/#search=vh

Comments

[Rostyk Ice]

Я так понял даже кроссбраузерность нормальная?

Answer 4

[Денис Т]

поддержка разве что, а так очень удобная единица измерения
правда не советую прям везде использовать её

Comments

[Rostyk Ice]

Писал длинное сообшение на счет кроссбраузерности, пока писал понял суть :)
А что скажете на счет Vmin\Vmax ? то же самое ? и давно ли "живет" эта переменная? потому что недавно заканчивал курсы и там такому не учили, а адаптивность говорили делать с помощюю %...

[Денис Т]

Rostyk Ice: насколько я знаю vmin/vmax не работают в ни в одном ие, и даже в edge.
всё правильно вам сказали про адаптивность и %, просто бывают случаи когда удобно использовать именно vw/vh. важно помнить, что эта величина считается от размеров окна браузера, а проценты от родителя