2016-07-04 10 views
0

私はgulpgulp-autoprefixerをインストールした後、私はちょうどhttps://www.npmjs.com/package/gulp-autoprefixerでサンプルをコピー:オートプレフィクサーはプレフィックス@keyframesを使用していませんか?

var gulp = require('gulp'); 
var autoprefixer = require('gulp-autoprefixer'); 

gulp.task('default', function() { 
    return gulp.src('src/a.css') 
     .pipe(autoprefixer({ 
      browsers: ['last 2 versions'], 
      cascade: false 
     })) 
     .pipe(gulp.dest('dest')); 
}); 

と私は私のa.cssに次き:

I gulp
@keyframes x { 
    from { left: 0; } 
    to { left: 100%; } 
} 

、私はDESCでa.cssを得るが、とオリジナルとまったく同じコードです。 -webkit-が追加されますが、http://caniuse.com/#search=keyframesから、ターゲットデバイスであるAndroid Browserのプレフィックスにする必要があります。

何か不足していますか?

答えて

1

caniuseサイトでは、プレフィックスを付けずにキーフレームを4.3に戻すことができます。

gulpでは、最後の2バージョンのブラウザでプレフィックスが発生するように指定しました。あなたは多くの以前のバージョンからのAndroidをサポートしたい場合は、autoprefixerモジュール内のブラウザのオプションで遊ん

browsers: ['last 2 versions'] 

browsers: ['last 5 versions'] 
プリフィックスが前の二つのバージョンからのブラウザによって設定されたルールに基づいて行われます意味
+0

Androidブラウザの「Android Browser」欄の4.3-4.4.4から「 - with prefix -webkit-」と表示され、「 - 」アイコンが表示されていましたか? –

+0

ああ、あなたの答えの前に、私はすでに「最後の6バージョン」を試してみて、他のオプションを使ってみたが、うまくいきません。あなたの答えを見る私はあなたが間違っていることを証明するために、もう一度試しに戻ってきますが、今度はうまくいきます!私はそれを2時間でどうやって得られなかったかと思いました。ありがとうございました。 –

+0

私が試したように、 '最後の3バージョン'で十分です。キャニューズページのデータを満たしています。このページでは、アンドロイド5と6はプレフィックスを必要としないことを示しています。 –

関連する問題