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

Question

[webe]

margin-left:5.65rem

font-size: 1.5em

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

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

Пример из чужих исходников:

Comments

[tempick]

сам кстати, задавался таким вопросом. Подпишусь на вопрос

Answer 1

[Сергей delphinpro]

Смотрите ситуацию. Я человек с плохим зрением. В моём браузере стоит увеличенный размер шрифта. Я открываю сайт в котором верстальщик шрифты указал как надо, в rem, а на размеры/отступы забил и задал их в пикселях. Получается уродство:



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



Понятно?

Comments

[alex-1917]

да понятно-то понятно, но в ТЗ редко стоит такое требование, и адекватный верстальщик исходя из формулы время-деньги, забьет на эти ваши вероятные увеличения размера шрифта.
Проверено на 12-летнем опыте работы с командой из в совокупности 382 верстальщиков!

[Сергей delphinpro]

alex-1917, Достаточно совсем небольшого опыта работы с препроцессором, чтобы настолько автоматизировать работу с относительными единицами, что на параметр "время" в формуле время-деньги данный аспект влиять не будет.

командой из в совокупности 382 верстальщиков!

Давно у меня была мысль написать об этом статью на хабр. Наверное всё-таки стоит собраться и написать.

[snap44]

alex-1917, ого, где вы нашли столько говно-верстальщиков?

Answer 2

[Алексей Николаев]

Ну вообще, если вы не планируете делать макет зависимым от установленного пользователем в настройках браузера кегля; меняете на различных брейкпойнтах лишь отдельные элементы, вроде заголовков; не планируете делать сайт доступным для разного рода телевизоров, то можете использовать px. Разницы тут никакой нет. А если вы еще и адепт pixel-perfect, и не делаете, например, размер подзаголовков зависимым от заголовков над ними, или отступы по краям кнопки зависимыми от кегля кнопки, то и em вам не нужен. Реальный кейс для осознанного использования rem \ em, который не является данью моде - когда заказчик хочет, чтобы было доступно везде, и при этом не требует pixel-perfect, оставляя разработчику свободу действий и выбора. Но это зачастую утопия.

Comments

[webe]

Алексей Николаев теперь понял, спасибо)

Answer 3

[Владислав Лысков]

а потому что px - величина абсолютная, а rem - относительная

Answer 4

[KazeZlat]

Чтобы слабовидящие люди тоже могли пользоваться сайтом, всего лишь поменяв размер шрифта.

Comments

[V_Holmow]

Слабовидящие люди используют масштабирование всего браузера и операционной системы. И в этом случае нет разницв между rem и px. Они не используют только увеличение кегля или увеличение одного отдельного сайта. Это я вам про собственный опыт говорю.