Почему FlexBox не работает в Internet Explorer?

Question

[uzi_no_uzi]

https://uzinouzi.github.io/testtemplate/ - Есть такой тестовый шаблон.

Вот как выглядят элементы сделанные FlexBox'ом в Firefox, Chrome


Вот так в Internet Explorer:


При том, что префиксы есть и при том, что некоторые флексбокс свойства работают, не могу понять в чем причина такого поведения блоков.

Comments

[Сергей delphinpro]

Для таких вопросов лучше давать ссылку на песочницу с воспроизведением проблемы. Быстрее помогут.

Проблема в баге ослика.
Сайт ваш у меня не открывается, но подозреваю там параграфы...

Answer 1

[Dmitry Tallmange]

Смотря какая версия Internet Explorer

Comments

[uzi_no_uzi]

11-ая

Answer 2

[Владимир]

https://caniuse.com/#feat=flexbox

Answer 3

[Александр]

У меня в 10IE все норм показывает, но появились другие небольшие различия

spoiler

Comments

[uzi_no_uzi]

Очень странно, ведь не 10ый не поддерживает фсексы, у меня в 11 не работает.

[Александр]

uzi_no_uzi, Как видите у меня работает, даже можно сломать через инспектор)

spoiler

[uzi_no_uzi]

Александр, Странно, что кнопка сломалась, ведь ее высота - это обычный line-height

[Александр]

uzi_no_uzi, Я обычно делаю ссылки с помощью padding и display:block чтоб корректно отображалось в ie10

[uzi_no_uzi]

Александр, Но line-height поддерживается всеми браузерами, даже самыми старыми