Как адаптировать IE11 к флекбоксам?

Question

[JohnDoe116]

Все мы любим(нет) IE. Есть ли способ как-то адаптировать под этот замечательный браузер(фиксы и тд) резиновую вёрстку на флексах? Это единственный браузер который ломает мой сайт. На остальных выглядит всё чудестненько. Кто сталкивался с такой проблемой когда флекс-элементы просто схлопываются в IE?

Comments

[RAX7]

посмотри здесь https://github.com/philipwalton/flexbugs может найдешь причину поломки

[Михаил]

Подозреваю, что вы часто пишите просто flex: 1; в своих правилах, в IE11 надо указывать полностью, например flex: 1 1 auto;. Это одна из самых частых причин.

[Сергей delphinpro]

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

[Rustam Bainazarov]

Всегда указывайте все 3 значения: flex-basis, flex-grow, flex-shrink.

Если во flex-basis вы используете calc(), то пишите его в отдельном свойстве, а не в компиляционном свойстве flex.

Ну и ещё ряд моментов. Без кода проблемных участков — разговор ни о чём, поэтому пользуйтесь вышеуказанными источниками для выяснения проблемных участков кода.

Answer 1

[Andrej Sharapov]

Гляньте ваш код еще раз и сравните его поддержку тут. Пробежавшись по строчкам вы поймете, что из вашего кода не поддерживается иешкой. Не за что и удачных разработок.

Comments

[Евгений Вольф]

Вы меня опередили с ответом, хотел примерно то же самое написать :))