Для чего делать такие размеры?

margin-left:5.65rem

font-size: 1.5em

Часто на сайты вижу отступы и все что только можно в rem.
Зачем так делают, ведь проще сразу написать 24px

Чистал, что основная причина , это масштабирование для мобильников.
т.е. если это мобильник, то просто увеличиваем размер шрифта в body на 5 пикселей и дело в шляпе.
Но какой в этом смысл ? Ведь на мобильниках с включенным viewport и так все идеально видно. (т.е. если комфортно на компе, то будет комфортно и на мобиле с viewport)

Пример из чужих исходников:
5b92d38be6f28016596763.jpeg
  • Вопрос задан
  • 1730 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Смотрите ситуацию. Я человек с плохим зрением. В моём браузере стоит увеличенный размер шрифта. Я открываю сайт в котором верстальщик шрифты указал как надо, в rem, а на размеры/отступы забил и задал их в пикселях. Получается уродство:

5b935705491c9619831053.png

Потом верстальщик стал умнее, и переписал размеры/отступы в rem'ы и сразу всё стало очень хорошо:

hzhezdpprfkudyrsgnvz0iz1bhs.png

Понятно?
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
Ну вообще, если вы не планируете делать макет зависимым от установленного пользователем в настройках браузера кегля; меняете на различных брейкпойнтах лишь отдельные элементы, вроде заголовков; не планируете делать сайт доступным для разного рода телевизоров, то можете использовать px. Разницы тут никакой нет. А если вы еще и адепт pixel-perfect, и не делаете, например, размер подзаголовков зависимым от заголовков над ними, или отступы по краям кнопки зависимыми от кегля кнопки, то и em вам не нужен. Реальный кейс для осознанного использования rem \ em, который не является данью моде - когда заказчик хочет, чтобы было доступно везде, и при этом не требует pixel-perfect, оставляя разработчику свободу действий и выбора. Но это зачастую утопия.
Ответ написан
Vlatqa
@Vlatqa Куратор тега CSS
а потому что px - величина абсолютная, а rem - относительная
Ответ написан
KazeZlat
@KazeZlat
Погромист-затейник
Чтобы слабовидящие люди тоже могли пользоваться сайтом, всего лишь поменяв размер шрифта.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы