の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/#search=calc

ありがとうございました。

Answer 1

これは既知の問題です。 Firefoxは現在、長さまたは数字のいずれかを受け付けるプロパティのcalc()値をサポートしていません。そのうちの1つは、line-heightです。 bug 594933を参照してください。

3rem/2はちょうど1.5remなので、回避策としてその量をハードコードすることができます。