Firefox无法从.less文件渲染行高

Question

我可能会错过一些非常简单的事情，但我无法发现我的错误

基本上，我正在为新的Web应用程序创建一个模板，使用LESS作为样式表。在Chrome，Opera和Safari中，行高完全正常，但在Firefox中，它无法渲染。简而言之，这是我得到的代码

templates.less

@content-header-height:         calc(@content-header-font-size * 3);
@content-header-line-height:    calc(@content-header-font-size * 3 - 1px);

.header {
   height: @content-header-height;
   line-height: @content-header-line-height;
}

显然有更多属性，但这些属性是相关的。在Firefox中，甚至没有出现行高属性。

Answer 1

你真的需要那里的calc吗？尝试删除它。