0

安装后，我刚刚在https://www.npmjs.com/package/gulp-autoprefixer复制了示例，gulp并且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%; }
}

在 I 之后gulp，我进入a.cssdesc，但使用与原始代码完全相同的代码。没有-webkit-添加，但从http://caniuse.com/#search=keyframes它应该作为 Android 浏览器的前缀，这是我的目标设备。

我错过了什么吗？

4

1 回答 1

1

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

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

browsers: ['last 2 versions']

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

browsers: ['last 5 versions']
于 2016-07-04T15:06:49.580 回答