Насколько это коректно?

Question

[FabiBoom]

Здраствуйте. Есть код :

html {
     font-size: 10px;
}
.test {
     padding: 5rem 0;
}

Собственно вопрос: неужели правильно задавать отступы в rem? Часто ли такое используют?

Comments

[Ankhena]

Если отступ зависит от rem, то что может помешать?

Answer 1

[Вадим Кот]

Когда вы устанавливаете font-size для root элемента (html) в абсолютных величинах (в данном случае в пикселях), блокируете возможность масштабирования с помощью увеличения размера шрифта браузера, что не очень хорошо по отношению к людям с плохим зрением. В вашем случае padding top и bottom всегда будут равны 50px. То же самое и с другими величинами, установленными в rem. Ваши стили позволяют только изменить эти 50px с помощью медиа-выражений, меняя font-size для html. Чтобы оставить возможность масштабирования через размер шрифта браузера, нужно чтобы font-size для html был в процентах. Если хотите, чтобы было кратно 10px, то

html {
  font-size: 62.5%;
}

Comments

[FabiBoom]

Спасибо большое) Все ясно.