Единицы измерения CSS. Px, em или rem - что использовать？
Как работать с 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...
Единицы измерения в CSS: PX vs EM vs REM
В CSS существует несколько единиц измерения, что периодически приводит к путанице: какие единицы использовать? Давайте рассмотрим употребление некоторых из них.
⠀
✔️ px — это абсолютная единица измерения величины объектов относительно размера экрана.
⠀
Представим ситуацию, что при помощи px задано 100 элементов и нужно изменить их размеры. Тогда придется это делать вручную. А если изменения потребуются опять?
⠀
В таком случае на помощь приходят относительные (пропорциональные) единицы измерения...