@GaserV

Почему autoprefixer делает частичную поддержку андроида?

Добрый день! Столкнулся с проблемой. Почему autoprefixer частично делает поддержку flexbox под android? И в первом случае с браузерами не работает, и во втором. Будто игнорирует flex-wrap. В этом наверное и проблема основная.
Ссылка: elinadesign.ru/synergy

В css на выходе:

-ms-flex-wrap: wrap;
  flex-wrap: wrap;


gulp.task('autopr', () =>
    gulp.src('css/main.css')
        .pipe(autoprefixer({
        	browsers: ['last 2 version', 'ie 9', 'ios 6', 'android 4'],
            // browsers: ['last 2 version', 'last 3 ie versions', 'last 3 ios versions', 'last 5 android versions'],
            cascade: false
        }))
        .pipe(gulp.dest('dist'))
);
  • Вопрос задан
  • 540 просмотров
Пригласить эксперта
Ответы на вопрос 1
zooks
@zooks
Frontend
Вот мой рабочий конфиг:
.pipe(autoprefixer({browsers: ['last 2 versions', 'ie 11', 'Android >= 4.1', 'Safari >= 8', 'iOS >= 8']}))

iOS 6, IE9 имхо безнадежно устарели и в поддержке не нуждаются.
Код на выходе:
.test {
   -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
           flex-wrap: wrap;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы