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()值，其中line-height就是这样的属性。请参阅bug 594933。

由于3rem / 2正好是1.5rem，因此您只需将该数量硬编码为解决方法。