CSS3 : calc not working in Firefox

Question

我有一个 less 类作为函数。我使用 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/@value)。我认为这会修复您的错误。