Единицы измерения, применяемые в сайтостроении: px – пиксели, абсолютная единица измерения. Используется для максимально конкретного и точного задания размеров; em – задаёт размер относительно шрифта родителя; rem – задаёт размер относительно шрифта элемента html; % – как правило, задает размер относительно аналогичного свойства родителя (но не всегда), используется для ширин, высот и так далее; vw, vh, vmin, vmax – задают размеры относительно размера экрана. Абсолютная единица измерения "пиксель" (px) Пиксель – это самая базовая и абсолютная единица измерения. Еще ее называют окончательной, потому что браузер всегда все значения в конечном итоге пересчитает именно в пиксели...

Прежде, чем начать что-то делать, надо разобраться с принятыми единицами измерения. CSS поддерживает множество единиц измерения, но здесь будут описаны только самые часто-применяемые. px - пиксели Самая основная единица измерения, которая встречается практически везде - это пиксели. Пиксель - это точка минимального размера на вашем экране. Весь экран состоит из таких точек. Вообще, если мы говорим о CSS, то пиксели здесь не всегда будут равны тем самым точкам на экране. К примеру, если у вас Retina...