Firefox：calc() 无效的属性值

Posted 2023-03-06

【中文标题】Firefox：calc() 无效的属性值

【英文标题】：Firefox: calc() invalid property value

【发布时间】：2016-04-10 01:27:43

【问题描述】：

我有一个元素的行高设置为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

【参考方案1】：

这是一个已知问题。 Firefox 目前不支持接受长度或数字的属性上的calc() 值，其中line-height 就是这样一个属性。见bug 594933。

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

【讨论】：

刚刚检查了 caniuse.com，该错误也列在已知问题下。所以是的，Ghodmode，你确实错过了一些东西：P