Каков правильный способ установки базового значения REM в CSS?

Question

Извините, я немного не уверен в этом.

Я хочу, чтобы моя база была 16px. Но все ресурсы, я читал о вещных процентах использования, например:

html { font-size: 62.5%; } 
body { font-size: 1.4rem; } /* =14px */ 
h1 { font-size: 2.4rem; } /* =24px */ 

Если я хочу, чтобы все мои размеры рем быть относительно 16px, я просто сделать html { font-size: 16px; }?

Зачем использовать проценты?

Answer 1

да, это правильно. Вы должны сделать свой html font-size до 16px в качестве базового размера шрифта, а затем использовать rem с остальными. Rem определяет относительный размер элемента только до html, а размер em относительно его ближайшего родителя.