React Frontend Developer

Question 1

Откуда браузер берёт дефолтное значение font-size для REM и где можно его переопределить?

Accepted Answer

Браузер берёт дефолтное значение font-size для REM из корневого элемента , обычно это 16px. Переопределить его можно, задав свойство font-size для селектора html в CSS. Это влияет на все REM-значения на странице.

Question 2

От чего зависит единица EM — от ближайшего REM или от родительского font-size?

Accepted Answer

Единица em зависит от font-size родительского элемента, а не от rem. Если у родителя font-size 20px, то 1em у дочернего элемента будет равен 20px. Если у родителя не задан font-size, em берётся от ближайшего предка с заданным размером шрифта, иначе от браузерного значения по умолчанию (обычно 16px).

Вопросы React Frontend Developer