Префиксы для flexbox CSS (кросбраузерный flexbox)

В момент написания заметки поддержка flexbox браузерами составляет 86,3% без использования префиксов и 97,7% с ними. Данная заметка — шпаргалка по префиксам для свойств flex-контейнера и flex-элементов.

Данный кусочек относительно использования префиксов взят из объемной статьи по flexbox’ам с другого источника.

9 комментариев

  1. Дмитрий

    Для flex нужно больше префиксов:

    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

  2. Давид

    Добрый день, спасибо за шпаргалку, но мне кажется все свойства без префиксов должны идти после свойств с префиксами. Как минимум это правильно, а как максимум не будет вызывать никаких проблем.

    • Sergey

      Наверное, как удобней. Я всегда пишу сначала без префикса. Мне читать CSS проще в таком порядке.

      • Это в корне неверно. Почитайте спецификации и как устроен разбор css в браузере.
        Префиксы всегда впереди, без префиксов — всегда в конце.

          • Вот это 100%, что сначала все префиксы и в таком же порядке их выпуска в браузерах, а потом без префиксов.

            И кроме префиксов, в старых версиях (разных производителей) браузеров, свойства для префиксов могут по разному называться. Но здесь это указано.

            Два раза на этом обжегся.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *