Каково ссылочное свойство для поля заголовка, объявленного с использованием rem?

Question

Размер шрифта тела 18px.

Все мои заголовки объявлены как значения rem.Я хочу, чтобы поле margin-bottom было равно высоте строки каждого заголовка, а поле margin-top вдвое больше высоты строки каждого заголовка.

Я думал, что смогу добиться этого, также используя rem дляполя, но я на самом деле не знаю, какое значение корня используется для полей заголовков, когда вы используете 1rem.Сейчас я получаю 16px.

Answer 1

rem s относятся к базовому размеру шрифта, который будет размером шрифта, установленным для элемента HTML (обычно по умолчанию 16px).Как правило, рекомендуется задавать размер шрифта HTML-элемента в процентах, чтобы пользователь мог установить настройку масштабирования шрифта в своем браузере в целях доступности.Лично я склонен использовать font-size: 62.5%, так как это позволяет вам думать о rem единицах как px / 10, поэтому 1.6rem будет равно 16px, если у пользователя установлен размер шрифта браузера 16px.