2016-07-04 4 views
0

я просто скопировал образец в https://www.npmjs.com/package/gulp-autoprefixer после установки gulp и gulp-autoprefixer:autoprefixer не префикс @keyframes?

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 в убыв, но с тот же самый код, что и оригинал. Нет -webkit-, но с http://caniuse.com/#search=keyframes он должен быть префиксом для Android Browser, который является моим целевым устройством.

Я что-то не хватает?

ответ

1

Сайт caniuse указывает, что ключевые кадры поддерживаются в 4.3 без необходимости префикса.

В глотках вы указали, что префикс должен произойти для последних двух версий браузеров. Значение префиксов будут основываться на правилах, установленных в браузерах из двух версий предыдущих:

browsers: ['last 2 versions'] 

Если вы хотите поддерживать Android от гораздо более ранней версии, то поиграйте с опцией браузеров в модуле autoprefixer:

browsers: ['last 5 versions'] 
+0

На странице caniuse в столбце Android Browser, с 4.3-4.4.4, на нем есть значок «-», говорящий «поддерживается префикс -webkit-», вы видели его? –

+0

О, перед вашим ответом я уже пробовал «последнюю 6 версию» и возился с другими вариантами, но это просто не работает. Увидев ваш ответ, я возвращаюсь, чтобы повторить попытку, чтобы доказать, что вы не правы, но на этот раз это работает! Удивляюсь, как я не получил его за эти 2 часа. Спасибо. –

+0

И, как я уже пробовал, достаточно «последней 3 версии», которая соответствует данным на странице caniuse. Страница указывает, что для Android 5 и 6 не нужен префикс. –

Смежные вопросы