Firefox: calc() nieprawidłowa wartość nieruchomości

Question

Mam element z line-height zestaw z calc():

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

Demo: http://codepen.io/Ghodmode/pen/vLxZZd

Współpracuje w Chrome, ale Firefox Developer Tools mówi, że jest to nieprawidłowa wartość właściwości.

Jestem pewien, że brakuje mi czegoś, co powinno być oczywiste.

Tylko dla odniesienia:

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

Dziękuję.

Answer 1

Jest to znany problem. Firefox obecnie nie obsługuje wartości calc() we właściwościach, które akceptują długości lub liczby, z których jedna taka właściwość to line-height. Zobacz bug 594933.

Ponieważ 3rem/2 wynosi dokładnie 1,5rem, można po prostu zakodować tę wartość zamiast obejścia.