CSS3：calc在Firefox中不起作用

Question

作为一个函数我有一个较少的类。我使用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;
    }
}

Answer 1

尝试删除calc函数并仅使用（1 / @值）。我认为这将解决你的错误。