Данная статья посвящена единицам измерения языка css3. Где-то дам краткое описание, где-то просто напишу значения.
px — пиксель — точка на экране монитора.
pc — пика (1pc = 12 px)
pt — пункт (1pt = 1/72 дюйма)
ex — 1ex = x-высоте шрифта (x-высота обычно половина размера шрифта)
em — 1em = текущему размеру шрифта. Соответственно 2em = 2 x размер текущего шрифта. Пример: если шрифт составляет 16pt, присвоим ему значение 3em, размер шрифта станет 48pt.
mm — миллиметр
cm — сантиметр
in — дюйм
% — процент от текущего значения
1vw — 1% от ширины окна браузера.
1vh — 1% от высоты окна браузера.
1vmin – минимальное значение высоты или ширины браузера. Т.е. что меньше (высота или ширина), процент от того значения и берется.
На данный момент (2014г.) еще рано использовать vw, vh, vmin, так как не все браузеры пока их поддерживают. Хотя данные единицы измерения css очень полезны при разработке адаптивного сайта.
