@hedin83
хочу работать веб-разработчиком

Как правильно пересчитывать поля и отступы из px в em?

Подскажите пожалуйста, правильно ли я понимаю правила пересчета полей и отступов из px в em? Если элементу задан размер шрифта то margin и padding делятся на него, а если не задан то делятся на шрифт родителя? Пробовал по методу Итона Маркота, т.е. margin делим на размер шрифта родителя, а padding делим на размер шрифта самого элемента, так вот не всегда проходит такой дележ... Подскажите как все же правильно?
  • Вопрос задан
  • 474 просмотра
Решения вопроса 1
paulradzkov
@paulradzkov
Дизайнер, верстальщик, начальник отдела UI
Margin и padding в em всегда рассчитываются от размера шрифта своего элемента по формуле:

margin(em) = margin(px) / font-size(px)

где font-size(px)вычисленное значение размера шрифта. Хотя сам размер шрифта может быть задан в любых единицах измерения или может быть унаследован от любого своего родителя.

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

a23370385b8b4a189b2e98eb727e3fb2.png
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
zooks
@zooks
Frontend и Django
Проще пересчитать в rem:
1rem = 16px
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
14 дек. 2018, в 17:59
2000 руб./в час
14 дек. 2018, в 17:36
200000 руб./за проект
14 дек. 2018, в 17:31
500 руб./за проект