@FabiBoom

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

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


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

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

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