Перейти к содержанию

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

Материал из Викиучебника — открытых книг для открытого мира

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

Пиксели — px

[править]

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

em и rem

[править]

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

Проценты — %

[править]

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

[править]

Примечания

[править]