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,因此您可以将该数量硬编码为变通方法.