Firefox: calc() неверное значение свойства

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/

Спасибо.

Answer 1

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

Так как 3rem / 2 составляет ровно 1,5 мм, вы можете просто использовать это количество в качестве обходного пути.