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

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

Подскажите пожалуйста, правильно ли я понимаю правила пересчета полей и отступов из px в em? Если элементу задан размер шрифта то margin и padding делятся на него, а если не задан то делятся на шрифт родителя? Пробовал по методу Итона Маркота, т.е. margin делим на размер шрифта родителя, а padding делим на размер шрифта самого элемента, так вот не всегда проходит такой дележ... Подскажите как все же правильно?
  • Вопрос задан
  • 673 просмотра
Решения вопроса 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
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
До 200 000 руб.
AUTEP Москва
от 100 000 до 300 000 руб.
XYZ School Москва
от 100 000 до 200 000 руб.
23 окт. 2019, в 00:16
25000 руб./за проект
22 окт. 2019, в 23:57
100000 руб./за проект
22 окт. 2019, в 23:26
4000 руб./за проект