@abbrakadabbra

Как сделать хак для IE10\11 на Flexbox?

Заверстал страницу частично на flexbox'ах. Все работает во всех браузерах, но в IE11 (и ниже) появился какой-то глюк - на блок, где начинается флекбокс при самом минимальном разрешении (верстка адаптивная) налезают все нижеидущие блоки (не флексы).

Потыкал свойства - оказывается ему не нравится flex:1 и flex:2, которые прописаны для 2-х колонок. Сделал flex: 0 и тогда работает.

***upd***: работает еще если для элемента вообще отключить display: flex (превратить его обратно в block), тогда поток встает на свои места.

Теперь не знаю как прописать этот стиль ТОЛЬКО для IE и ТОЛЬКО для нужного разрешения.

Кто-нибудь может подсказать?
Заранее спасибо!
  • Вопрос задан
  • 1632 просмотра
Решения вопроса 1
@glenean
Дайте скриншот из IE и код html и css на jsfiddle
Попробуйте после элемента flex поставить элемент
<div style="height: 1px; display: block; oveflow: hidden;">
Попробуйте элементу flexbox задать css свойство overflow: hidden
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы