Автоматический префикс не префикс @keyframes?
Я просто скопировал образец по адресу 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%; }
}
после того как я gulp
, Я получил a.css
в desc, но с тем же кодом, что и оригинал. нет -webkit-
добавлен, но из http://caniuse.com/ он должен иметь префикс для браузера Android, который является моим целевым устройством.
Я что-то пропустил?
1 ответ
Сайт caniuse указывает, что ключевые кадры поддерживаются до версии 4.3 без префикса.
В gulp вы указали, что префикс должен происходить для последних 2 версий браузеров. Значение префикса будет основано на правилах, установленных браузерами из двух предыдущих версий:
browsers: ['last 2 versions']
Если вы хотите поддерживать Android из более ранней версии, поэкспериментируйте с опцией браузеров в модуле авторефиксирования:
browsers: ['last 5 versions']