Зачем задавать шрифт html в %?

Question

[Посторонним В.]

В популярной CMS Magento 2 для html устанавливается размер шрифта 62.5% . Для body - 1.4rem . Зачем это делается?

Я всегда считал, что лучше задавать базовый размер явно - в px, а потом уже везде вместо пикселей rem писать. А тут проценты. От чего - не понятно. Базовый размер шрифта ведь зависит от user-agent styles.

Answer 1

[Вадим Кот]

1. Для удобства пересчета px to rem - 1rem равен 10px
2. В процентах для того, чтобы изменив базовый размер в настройках браузера (обычно 16px) rem пропорционально увеличивался в отличие от абсолютных 10px
3. Проще размеры задавать в пикселах, а затем с помощью https://github.com/cuth/postcss-pxtorem переводить нужные в rem

Answer 2

[sim3x]

Так делают если уважают пользовательские настройки шрифтов
Если сайт не разлезется - значит или верстала про или повезло (если на разных не разлазится, то про)

В пикселях - если плюют на пользовательские настройки, но тогда сайт не разлезется

Тк большая часть юзеров вообще не в курсе, что они могут менять размер, тип и сам шрифт - серьезной проблемой не использование % / rem не является

Comments

[sim3x]

Лука Никитин, ?

[sim3x]

Лука Никитин,
Я не писал, что в пикселях есть что-то плохое
Я указал на уровень верстальщика и на сложность такой верстки

При активной разработке часть верстки делают люди не специализирующиеся на ней

Хабр не является авторитетным ресурсом по верстке - потому апеляция к авторитету тут ни к чему

[sim3x]

webdev341,
Смотрите как сделано в фреймах - не ориентируйтесь на людей

https://github.com/twbs/bootstrap/blob/v4-dev/scss...
https://github.com/twbs/bootstrap/blob/v4-dev/scss...

[lukoie]

webdev341,

а в чем проблема этого кода? в отсутствии у элемента айдишника?

Кстати, у меня был подобный проект, где вордпресс и какой то бредовый визуальный конструктор, (шаблон и конструктор уже куплены) надо было к каждому блоку присобачить кнопочку, нажав на которую переходим в админку на редактирование именно этого блока. Вот примерно так и приходилось выкручиваться. А билдер у элементов приделывает одинаковые классы, и не имеет айдишников.

Answer 3

[lukoie]

кста, есть еще vw/vh что как бы вроде бы еще немного кошерней