CSS3：计算在 Firefox 中不起作用答案

【问题标题】：CSS3: calc not working in FirefoxCSS3：计算在 Firefox 中不起作用
【发布时间】：2015-02-23 03:38:30
【问题描述】：

我有一个较少的类作为一个函数。我使用 calc() 设置比例值，它适用于 chrome 但不适用于 Firefox。这是我的课：

.zoom(@value) {
    transform: scaleX(@value);
    -moz-transform: scaleX(@value);
    -ms-transform: scaleX(@value);
    -webkit-transform: scaleX(@value);
    transform-origin: 0;
    .blocFreq {
        &:before {
            -webkit-transform: scaleX(calc(1/@value)) !important;
            -moz-transform: scaleX(-moz-calc(1/@value)) !important;
            -ms-transform: scaleX(calc(1/@value)) !important;
            transform: scaleX(calc(1/@value)) !important;
        }
    }
    span.frequence {
        -webkit-transform: scaleX(calc(1/@value))rotate(-44deg) !important;
        -moz-transform: scaleX(-moz-calc(1/@value))rotate(-44deg) !important;
        -ms-transform: scaleX(calc(1/@value))rotate(-44deg) !important;
        transform: scaleX(calc(1/@value))rotate(-44deg) !important; 
    }
    .text,
    .text-service,
    .popover {
        -webkit-transform: scaleX(calc(1/@value)) !important;
        -moz-transform: scaleX(calc(1/@value)) !important;
        -o-transform: scaleX(calc(1/@value)) !important;
        -ms-transform: scaleX(calc(1/@value)) !important;
        transform: scaleX(calc(1/@value)) !important;
    }
}

【问题讨论】：

与问题无关，但从我在您的示例中看到的，您可能希望查看 Compass 或其他一些处理浏览器特定前缀的库（这意味着与要编写的代码更少的兼容性）。

标签： css firefox less css-calc

【解决方案1】：

尝试删除 calc 函数并仅使用 (1/@value)。我认为这将解决您的错误。

【讨论】：