В девелоперской версии Google Chrome (на момент написания статьи — Chrome 20) появилась поддержка новых единиц измерения CSS — vh, vw и vmin, которые около месяца назад были реализованы в движке Webkit. До этого они работали только в Internet Explorer 9-й и 10-й версий. Эти единицы задают размеры объектов относительно высоты или ширины окна. В отличие от процентов, они всегда привязаны именно к окну браузера, а не к контейнеру текущего блока. 1vh равен 1% высоты окна, 1vw — 1% ширины, 1vmin — меньшему из этих двух значений.
Читать полностью »
Метка «viewport relative length»
В Chrome Canary заработали новые единицы измерения CSS — vh, vw и vmin
2012-05-01 в 8:28, admin, рубрики: chrome, css, viewport relative length, vmin, webkit, веб-дизайн, Веб-разработка, единицы измерения, метки: chrome, css, viewport relative length, vmin, webkit, единицы измеренияБраузеры / В движке Webkit реализована поддержка новых единиц измерения — vh, vw и vmin
2012-03-08 в 16:55, admin, рубрики: css, viewport relative length, vmin, webkit, единицы измерения, метки: css, viewport relative length, vmin, webkit, единицы измерения Эти единицы позволяют задавать размеры объектов относительнно окна браузера. Размер считается в процентах от высоты (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">Читать полностью »В движке Webkit реализована поддержка новых единиц измерения — vh, vw и vmin
2012-03-08 в 16:55, admin, рубрики: css, viewport relative length, vmin, webkit, единицы измерения, метки: css, viewport relative length, vmin, webkit, единицы измерения Эти единицы позволяют задавать размеры объектов относительнно окна браузера. Размер считается в процентах от высоты (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">Читать полностью »