【发布时间】:2016-04-10 01:27:43
【问题描述】:
我有一个元素的行高设置为calc():
line-height: calc(3rem / 2);
演示:http://codepen.io/Ghodmode/pen/vLxZZd
它在 Chrome 中运行良好,但 Firefox 的开发者工具说它是一个无效的属性值。
我确定我遗漏了一些应该很明显的东西。
仅供参考:
【问题讨论】:
我有一个元素的行高设置为calc():
line-height: calc(3rem / 2);
演示:http://codepen.io/Ghodmode/pen/vLxZZd
它在 Chrome 中运行良好,但 Firefox 的开发者工具说它是一个无效的属性值。
我确定我遗漏了一些应该很明显的东西。
仅供参考:
【问题讨论】:
这是一个已知问题。 Firefox 目前不支持接受长度或数字的属性上的calc() 值,其中line-height 就是这样一个属性。见bug 594933。
由于 3rem / 2 正好是 1.5rem,您可以直接硬编码该数量作为解决方法。
【讨论】: