Как вычислить line-height в Avacode?

Question

[Ibishka]

При работе с Avacode значение line height дается в пикселях как перевести это значение в em. И чем отличается line-height = 1em от line-height = 1 ???

Comments

[Rustam Bainazarov]

И чем отличается line-height = 1em от line-height = 1 ?

Ничем. К примеру, вот три одинаковых значения, записанных с помощью разных относительных единиц:

line-height: 1.5;
line-height: 1.5em; /* внимание ниже, не всегда */
line-height: 150%;

Как правильно ответил zoozag, если высоту строки указывать в em, то могут быть проблемы в случае с вложенностью. Поэтому, наверное, типично указывают её просто line-height: 1. Это самый простой и очевидный метод.

[zoozag]

Рустам Байназаров, Глянь мой пример

[Сергей Карвасарный]

scss -

или gulp-pxtorem или руками считать каждый раз))
@function em($target, $context: $font-base) {
  @if $target == 0 { @return 0 }
  @return $target / $context + 0em;
}
$fs: 16px;

[Rustam Bainazarov]

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

[Ibishka]

Рустам Байназаров, Какоф лучше использовать em или без него

[zoozag]

Рустам Байназаров, Сначала сам ответил, что ничем, а потом наткнулся

[Rustam Bainazarov]

Ibishka, лучше указывайте, как и все, просто так: line-height: 1.

Answer 1

[zoozag]

как перевести это значение в em

Поделить line-height в px на размер шрифта в px

Чем отличается line-height = 1em от line-height = 1

Пример, когда есть разница