Как сделать flex-box'ы кросс-браузерными?

Question

[DoggoTheKing]

.class{
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-content: center;
    align-content: center;
}

Вроде бы все хорошо, но стандартный браузер Android5.0 и его более ранние версии так не думают.
Движок у сего браузера WebKit

Answer 1

[Кирилл]

Проблема точно не в этом коде. Этот код будет работать на 5 андроиде без проблем.

Comments

[DoggoTheKing]

Назрел другой вопрос:
Есть ли какие-либо приложения/сайты для отладки такого сорта фигни? Ибо ошибку при малейшем изменении приходится грузить новую версию стилей на серв., а потом брать телефон и смотреть, как это самое изменение повлияло на общую картину.

[Кирилл]

DoggoTheKing: https://developers.google.com/web/tools/chrome-dev...

Answer 2

[Владислав Поляков]

Проверь возможность использования flexbox на этом сайте CIU