Firefox: известково() недействителен значение свойства

Question

У меня есть элемент с линией высоты, установленной с calc():

line-height: calc(3rem/2); 

Демо: http://codepen.io/Ghodmode/pen/vLxZZd

Он отлично работает в Chrome, но для разработчиков Firefox говорит, что это недопустимое значение свойства.

Уверен, что мне не хватает чего-то, что должно быть очевидно.

Просто для справки:

• https://developer.mozilla.org/en/docs/Web/CSS/calc
• http://caniuse.com/#search=calc

Спасибо.

Answer 1

Это известная проблема. В настоящее время Firefox не поддерживает значения calc() для свойств, которые принимают либо длины, либо числа, из которых line-height является одним из таких свойств. См. bug 594933.

Поскольку 3rem/2 - это ровно 1.5rem, вы можете просто скопировать эту сумму вместо этого в качестве обходного пути.