Как делать Flexbox для IE?

Question

[Преподаватель программирования]

Верстаю на флексбоксах и никогда не проверял как оно работает в ИЕ
Во всех нормальных браузерах всё работает нормально и выглядит одинаково.
Бывает что есть различия на десктопе и мобайле, но всегда удается сделать что надо.

Какие версии ИЕ и более новые браузеры МС нормально поддерживают флексбокс?
Так чтобы было без костылей и полифилов. Чтобы чистый код был кросс-браузерный.

Стал об этом думать когда узнал что МС браузеры вроде как не поддерживают:
justify-content:space-between;

Вот список свойств и значений которые я использую:

flex-direction:
column
row
row-reverse
column
column-reverse

justify-content:
center
space-between
flex-start
center
flex-end
space-around

align-items:
center
stretch
flex-start
center
flex-end
baseline

flex-wrap:
wrap
nowrap
wrap
wrap-reverse

align-content
flex-start
stretch
flex-start
center
flex-end
space-between
space-around

align-self:
stretch
flex-start
center
flex-end
baseline

order:

flex-grow:

flex-shrink:

Что добавить или убавить?

Answer 1

[Ivan Bogachev]

МС браузеры вроде как не поддерживают...

В таких вещах не стоит гадать, все переменные известны.

Шаг первый: Идем на caniuse.com/#feat=flexbox и находим там поддержку браузерами.
Шаг второй: Идем в репозиторий flexbugs и находим список флексбагов.
Шаг третий: Идем к бизнесу и узнаем список целевых браузеров (он определяется исходя из аудитории).

Сопоставив эти три вещи вы увидите ответ на вопрос, что использовать или не использовать в конкретном случае.

P.S.: И да, тестировать все равно стоит.