0
私はgulp
とgulp-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
に次き:
gulp
後
@keyframes x {
from { left: 0; }
to { left: 100%; }
}
、私はDESCでa.css
を得るが、とオリジナルとまったく同じコードです。 -webkit-
が追加されますが、http://caniuse.com/#search=keyframesから、ターゲットデバイスであるAndroid Browserのプレフィックスにする必要があります。
何か不足していますか?
Androidブラウザの「Android Browser」欄の4.3-4.4.4から「 - with prefix -webkit-」と表示され、「 - 」アイコンが表示されていましたか? –
ああ、あなたの答えの前に、私はすでに「最後の6バージョン」を試してみて、他のオプションを使ってみたが、うまくいきません。あなたの答えを見る私はあなたが間違っていることを証明するために、もう一度試しに戻ってきますが、今度はうまくいきます!私はそれを2時間でどうやって得られなかったかと思いました。ありがとうございました。 –
私が試したように、 '最後の3バージョン'で十分です。キャニューズページのデータを満たしています。このページでは、アンドロイド5と6はプレフィックスを必要としないことを示しています。 –