【问题标题】:Firefox: calc() invalid property valueFirefox:calc() 无效的属性值
【发布时间】:2016-04-10 01:27:43
【问题描述】:

我有一个元素的行高设置为calc()

line-height: calc(3rem / 2);

演示:http://codepen.io/Ghodmode/pen/vLxZZd

它在 Chrome 中运行良好,但 Firefox 的开发者工具说它是一个无效的属性值。

我确定我遗漏了一些应该很明显的东西。

仅供参考:

【问题讨论】:

    标签: css firefox css-calc


    【解决方案1】:

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

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

    【讨论】:

    • 刚刚检查了 caniuse.com,该错误也列在已知问题下。所以是的,Ghodmode,你确实错过了一些东西:P
    猜你喜欢
    • 1970-01-01
    • 2014-11-22
    • 2012-04-03
    • 1970-01-01
    • 2018-04-10
    • 2016-02-28
    • 2011-03-02
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多