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

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

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

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

Войти через центр авторизации
Похожие вопросы
Whitescape Санкт-Петербург
от 80 000 до 120 000 руб.
Купи батон Ульяновск
от 45 000 до 90 000 руб.
Bash Today Москва
от 90 000 до 130 000 руб.
22 апр. 2019, в 11:02
30000 руб./за проект
22 апр. 2019, в 11:00
1800 руб./за проект
22 апр. 2019, в 10:37
5000 руб./за проект