Пиксели в CSS не нужны — используй Rem! Адаптивный размер шрифта, Sass-миксин и функция Px to Rem
Создание сайтов с нуля - урок 16 - Единицы измерения в web, пиксели, проценты, em, rem, vw, vh
Единицы измерения, применяемые в сайтостроении: px – пиксели, абсолютная единица измерения. Используется для максимально конкретного и точного задания размеров; em – задаёт размер относительно шрифта родителя; rem – задаёт размер относительно шрифта элемента html; % – как правило, задает размер относительно аналогичного свойства родителя (но не всегда), используется для ширин, высот и так далее; vw, vh, vmin, vmax – задают размеры относительно размера экрана. Абсолютная единица измерения "пиксель" (px) Пиксель – это самая базовая и абсолютная единица измерения. Еще ее называют окончательной, потому что браузер всегда все значения в конечном итоге пересчитает именно в пиксели...
Как работать с rem css
rem (root em) — это единица измерения в CSS, которая используется для задания размеров (например, шрифтов, отступов, ширины и высоты) относительно корневого элемента документа, обычно это элемент <html>. Это позволяет создавать более гибкие и адаптивные макеты, так как размеры будут изменяться в зависимости от размера шрифта корневого элемента. html {
font-size: 16px; /* Базовый размер шрифта */
}
body {
font-size: 1rem; /* 16px */
line-height: 1.5; /* 24px */
}
h1 {
font-size: 2...