transform: translateY(-147%) translateX(-469%) scale(12)过渡没有动画

Question

transform: translateY(-147%) translateX(-469%) scale(12) 过渡到transform: translateY(0) translateX(0) scale(1)在iphone没有效果，在安卓上有（求救........）。
代码如下：
.zq-2-animate {

            animation: zq-2-animate 3s linear 0s 1;
            -webkit-animation: zq-2-animate 3s linear 0s 1;
        }
        
        @keyframes zq-2-animate {
            from {
                transform: translateY(-147%) translateX(-469%) scale(12);
                -webkit-transform: translateY(-147%) translateX(-469%) scale(12);
            }
            to {
                transform: translateY(0) translateX(0) scale(1);
                -webkit-transform: translateY(0) translateX(0) scale(1);
            }
        }
        
        @-webkit-keyframes zq-2-animate {
            from {
                transform: translateY(-147%) translateX(-469%) scale(12);
                -webkit-transform: translateY(-147%) translateX(-469%) scale(12);
            }
            to {
                transform: translateY(0) translateX(0) scale(1);
                -webkit-transform: translateY(0) translateX(0) scale(1);
            }
        }

Answer 1

用POSTCSS打包一下前缀