0

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'
    }
}

何か間違ったことをしているのか、間違って出力しているのか、それとも実際に正しいのか、私にはわかりません。

ありがとう

4

1 に答える 1

0

あなたは正しいcssを書いています。それはあなたのせいではありません。公式ページでcssを確認することもできます。また、ブラウザの選択設定 {browsers: 'last 2 versions'} によれば、最後のトランジションプレフィックスは必要ありません2 つの webkit バージョン、生成された css は正しいです。

于 2016-01-21T08:33:00.813 に答える