Что означает термин#
Вложенность компонента не меняет базу rem. Это удобно для согласованной шкалы текста и расстояний. При использовании rem в font-size самого корневого элемента действует начальное значение шрифта. Поэтому нельзя считать, что rem при любых условиях обязательно равен 16 пикселям.
Практический пример#
Если вычисленный font-size у html равен 18px, отступ 2rem составит 36 CSS-пикселей. Заголовок с размером 1.5rem получит 27px независимо от локального шрифта родительского блока. При изменении корневого размера оба значения пересчитаются.
Как проверить#
Проверьте вычисленный размер шрифта html и сопоставьте его с ожидаемыми расстояниями. Затем увеличьте текст в настройках браузера и протестируйте переносы длинных заголовков. Относительные единицы помогают масштабированию, но сами по себе не гарантируют удобство: фиксированная высота контейнера всё ещё может обрезать увеличенный текст или кнопки.
Источники#
Проверены 23 октября 2026 г.. Официальные рекомендации отделены от наших примеров и результатов проверки.