Единицы измерения 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 для font-size: px, %, em, rem, vw, vh, vmin, vmax
Привет! Меня зовут Анна Блок, и сегодня мы поговорим про единицы измерения в CSS. Наверняка, многие из вас знают о таких единицах измерения, как px и %. Однако, по мимо всего прочего, мы разберем, как работают rem, em, vh, vw, vmax и vmin. Cтатья получится большой, поэтому разобьем её на две части. Здесь мы поговорим о том, как эти единицы измерения влияют на размер шрифта, т.е на font-size. А во второй части затронем тему, насколько удобно использовать такие единицы измерения для того что бы управлять свойствами padding, margin, height, width и border-radius. Специально для вас я создала интерактивную шпаргалку, где наглядно отображены основные единицы измерения...