Question

我刚安装gulp和gulp-autoprefixer后，我刚刚在https://www.npmjs.com/package/gulp-autoprefixer复制了示例：

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之后，我在desc中获得a.css，但使用与原始代码完全相同的代码。没有添加-webkit-，但是从http://caniuse.com/#search=keyframes开始，它应该为Android浏览器添加前缀，这是我的目标设备。

我错过了什么吗？

Answer 1

caniuse网站指定关键帧支持回4.3而无需前缀。

在gulp中，您已指定应为最后两个版本的浏览器添加前缀。含义前缀将基于以前两个版本的浏览器设置的规则：

browsers: ['last 2 versions']

如果您想从更早版本支持Android，请使用autoprefixer模块中的浏览器选项：

browsers: ['last 5 versions']

autoprefixer不加前缀@keyframes？

1 个答案: