Автоматический префикс не префикс @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']
Другие вопросы по тегам