在安装了https://www.npmjs.com/package/gulp-autoprefixer和gulp-autoprefixer之后,我刚刚在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中,它应该以安卓浏览器为前缀,这是我的目标设备。
我是不是遗漏了什么?
发布于 2016-07-04 15:06:49
caniuse站点指定关键帧被支持回4.3,而不需要前缀。
在gulp中,您已经指定前两个版本的浏览器应该使用前缀。意思是前缀将基于浏览器从以前的两个版本中制定的规则:
browsers: ['last 2 versions']如果您想从更早的版本中支持Android,那么在自动重定位模块中使用浏览器选项:
browsers: ['last 5 versions']https://stackoverflow.com/questions/38187597
复制相似问题