css - 在速记规则中使用 -webkit- 转换的转换

Question

我对运行 autoprefixer 的 postcss 感到不满，并且代码：

transition: transform .3s, color .3s;

...正在输出：

transition: color .3s, -webkit-transform .3s;
transition: transform .3s, color .3s;
transition: transform .3s, color .3s, -webkit-transform .3s;

但它不应该输出这个吗？

-webkit-transition: -webkit-transform .3s, color .3s;
transition: transform .3s, color .3s;

我的 postcss 设置是：

postcss: {
    options: {
        map: {
            inline: false, // save all sourcemaps as separate files...
            annotation: '../css/' // ...to the specified directory
        },

        processors: [
            require('autoprefixer')({browsers: 'last 2 versions'}), // add vendor prefixes
        ]
    },
    dist: {
        src: '../css/*.css'
    }
}

我不知道我是否做错了什么，是否输出不正确，或者它实际上是否正确。

谢谢

Answer 1

你已经写了正确的css，这不是你的错，你也可以在他们的官方页面上检查你的css ，根据你的浏览器选择设置{browsers：'last 2 versions'}你不需要任何过渡前缀last 2个webkit版本，生成的css是正确的。