Браузер берёт дефолтное значение font-size для единицы rem из корневого элемента документа — обычно это тег <html>. По умолчанию это значение равно 16px, если не переопределено стилями.
Откуда браузер берёт дефолтное значение font-size для REM и где можно его переопределить?
Браузер берёт дефолтное значение font-size для единицы rem из корневого элемента документа — обычно это тег html. По умолчанию это значение равно 16px, если не переопределено стилями.
Короткий ответ
Что ответить на собеседовании
Подробный разбор
Ответ с пояснениями
Браузер берёт дефолтное значение font-size для единицы rem из корневого элемента документа — обычно это тег <html>. По умолчанию это значение равно 16px, если не переопределено стилями.
Переопределить базовый размер шрифта, от которого считается 1rem, можно, задав CSS-свойство font-size для селектора html. Например:
html {
font-size: 18px; /* теперь 1rem = 18px */
}
Таким образом, все размеры, заданные в rem, будут масштабироваться относительно этого значения.