- PVSM.RU - https://www.pvsm.ru -

В движке Webkit реализована поддержка новых единиц измерения — vh, vw и vmin

Эти единицы [1] позволяют задавать размеры объектов относительнно окна браузера. Размер считается в процентах от высоты (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+. Включение [2] единиц измерения vh и vw в Webkit означает, что вскоре они будут доступны в Safari и Chrome. А там, глядишь, Мозилла [3] с Оперой подтянутся, и жизнь верстальщика станет ещё немного легче.

P.S.: Ещё немного подробностей [4] на тему vh и vw.

Автор: ilya42

Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/css/3324

Ссылки в тексте:

[1] единицы: http://www.w3.org/TR/css3-values/#viewport-relative-lengths

[2] Включение: http://www.webkit.org/blog/1841/last-week-in-webkit-viewport-relative-css-units-and-javascript-speech/

[3] Мозилла: https://bugzilla.mozilla.org/show_bug.cgi?id=503720

[4] немного подробностей: http://habrahabr.ru/blogs/webdev/126863/