Единицы измерения при работе с HTML и CSS

Существует множество единиц измерения, которые вы можете использовать при верстке своего сайта. Но необходимо ли использовать их все? Чем отличаются единицы rem и em? И что лучше относительные единицы измерения или же абсолютные, такие как px, cm и mm. Постараемся разобраться с этими вопросом в нашем учебнике.

Пиксели — px

править

Пиксель — это также наименьшая единица растрового изображения, получаемого с помощью графических систем вывода информации (компьютерные мониторы, принтеры и т. д.). Разрешение такого устройства определяется горизонтальным и вертикальным размерами выводимого изображения в пикселях (например, режим VGA — 640 × 480 пикселей).

Относительные единицы измерения, которые зависят от базовых заданных значений.

Проценты — %

править

От 0% до 100% от размеров родительского блока.

vw, vh, vmin и vmax

править

Согласно черновику стандарта CSS Values and Units 3, данные единицы имеют следующие размеры[1]:

  • vw – 1% ширины окна
  • vh – 1% высоты окна
  • vmin – наименьшее из (vw, vh), в IE9 обозначается vm
  • vmax – наибольшее из (vw, vh)

cm, mm, in, pt и pc

править

Примечания

править