1

私は関数として少ないクラスを持っています。私は calc() を使用してスケール値を設定します。これはクロムでは機能しますが、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;
    }
}
4

1 に答える 1