Эти единицы позволяют задавать размеры объектов относительнно окна браузера. Размер считается в процентах от высоты (vh), ширины (vw) или минимального из этих двух значений (vmin). В отличие от указания размеров в процентах, vh, vw и vmin всегда привязяаны к размерам окна, а не контейнера текущего блока. До сих пор их поддерживал только Internet Explorer 9+ (впрочем, IE вместо указанной в стандарте единицы vmin использует обозначение «vm»).
Так, этот пример:
<!doctype html> <head> <style> * { margin:0; padding:0; border:0; } #red { background:red; height:100vh; width:100vw; } </style> </head> <body> <div id="red"> </div> </body> </html>
сейчас работает только в IE9+. Включение единиц измерения vh и vw в Webkit означает, что вскоре они будут доступны в Safari и Chrome. А там, глядишь, Мозилла с Оперой подтянутся, и жизнь верстальщика станет ещё немного легче.
Автор: ilya42