autoprefixer不为@keyframes加前缀？

我刚才复制的样品在https://www.npmjs.com/package/gulp-autoprefixer我安装gulp和gulp-autoprefixer后：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如下：

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

后我gulp，我得到a.css在递减，但与与原文完全相同的代码。没有-webkit-被添加，但从http://caniuse.com/#search=keyframes它应该作为我的目标设备的Android浏览器的前缀。

我错过了什么吗？

来源

2016-07-04 Jack Lu

caniuse站点指定无需前缀即可将关键帧支持回4.3。

在gulp中，您已经指定了最后两个浏览器版本的前缀。含义前缀将基于先前两个版本设置了通过浏览器规则：

browsers: ['last 2 versions']

如果你想从更早的版本支持Android，然后玩的autoprefixer模块中的浏览器选项：

browsers: ['last 5 versions']

来源

2016-07-04 15:06:49 Lowkase

从4.3.4.4.4的Android Browser列的caniuse页面上，它上面有一个' - '图标，表示“支持前缀-webkit-”，你看到了吗？ –

哦，在你回答之前，我已经尝试过“最后6版”并且摆弄其他选项，但它不起作用。看到你的回答，我回去再试一次，只是为了证明你错了，但这一次它的工作！想知道我在2个小时内没有得到它。谢谢。 –

正如我试过的，'最后3个版本'就足够了，它符合caniuse页面中的数据。该页面指定android 5和6不需要前缀。 –

autoprefixer不为@keyframes加前缀？

回答

相关问题