Размер шрифта HTML 62,5% - как рассчитать высоту строки?

Question

Это тот случай:

html { font-size: 62.5%; }
body { font-size: 16px; }

Теперь, согласно дизайну, высота строки должна быть 64px, но я хочу использовать em вместо px. Есть ли формула, чтобы получить px в em? В этом случае: 64px будет 1.35em)? еще лучше - есть для этого scss mixin?

Надеюсь, я здесь проясню ...:)

Answer 1

Из того, что вы говорите ... Почему бы не использовать line-height: 4;, поскольку 16*4=64 пикселей. Если вы хотите это в em, вы можете это сделать, так как вы знаете соотношение размера шрифта и высоты строки. Помните, что высота строки может быть фактором вычисленного размера шрифта (который мы здесь используем) или жестко закодированным значением.

их значение меняется в зависимости от родительских элементов, и поэтому люди используют его для адаптивного дизайна сайта.

Вы можете использовать PixelsToEm (http://pxtoem.com/)) для преобразования значений пикселей в значения em, указав размер шрифта основного текста.

Так что ваш CSS может выглядеть так:

body {
    font-size: 1em; /* equivalent to 16px (default font-size for browsers) */
    line-height: 4; /* equivalent to 64px */
}