@FabiBoom

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

Здраствуйте. Есть код :
html {
     font-size: 10px;
}
.test {
     padding: 5rem 0;
}


Собственно вопрос: неужели правильно задавать отступы в rem? Часто ли такое используют?
  • Вопрос задан
  • 76 просмотров
Решения вопроса 1
  • Когда вы устанавливаете font-size для root элемента (html) в абсолютных величинах (в данном случае в пикселях), блокируете возможность масштабирования с помощью увеличения размера шрифта браузера, что не очень хорошо по отношению к людям с плохим зрением. В вашем случае padding top и bottom всегда будут равны 50px. То же самое и с другими величинами, установленными в rem. Ваши стили позволяют только изменить эти 50px с помощью медиа-выражений, меняя font-size для html. Чтобы оставить возможность масштабирования через размер шрифта браузера, нужно чтобы font-size для html был в процентах. Если хотите, чтобы было кратно 10px, то
    html {
      font-size: 62.5%;
    }
    Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы