Category: мода

Category was added automatically. Read all entries about "мода".

Как легко преобразовать px в em

Вот говорят, что размеры шрифта в вёрстке лучше задавать в емах, а не в пикселях. И вот почему.

«Пиксель – это немасштабируемая точка на экране компьютера, а em” - это квадрат определяющий размер шрифта. Поскольку размеры шрифта изменяются, em является относительной единицей, которая отвечает персональным настройкам размера текста пользователя».
© Patrick Griffiths, A List Apart

Честно говоря, никогда на эту тему не заморачивалась, верстала всё в пикселях. Уж больно хлопотно каждый раз их в емы переводить. Есть, конечно, и сводные таблицы, и специальные сервисы для пересчёта (pxtoem.com, например), но всё равно не очень удобно получается. А в голове все соотношения для всех размеров не удержать.
Однако, если сильно приспичит перевести всё в ем, есть способ сократить дурную рутину на пересчёты. Вот такой, простой и элегантный:


body {
font-size: 62.5%; /* font-size 1em = 10px */
}

p {
font-size: 1.2em; /* 1.2em = 12px */
}


Чтобы перевести пиксели в емы, достаточно разделить значение на 10.