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，它不是你的错，你也可以检查你的official page上的css，并根据您的浏览器选择设置{browsers：＆＃39;最后2个版本＆＃39;}您不需要最后2个webkit版本的任何转换前缀，生成的css是正确的。

用简写规则转换-webkit- transform

1 个答案: