css - 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一个就是这样的属性。请参阅错误 594933。

由于 3rem / 2 正好是 1.5rem，您可以直接硬编码该数量作为解决方法。