В демонстрации элементы сетки сворачиваются друг на друга. Только вижу это в IE11.
Также в документации нет полного списка поддерживаемых браузеров.
Привет @davedele Вы можете сказать, какая версия вашей ОС? Вы также можете предоставить какой-нибудь экран для печати?
Привет, @cjpatoilo , спасибо за ответ. Чтобы быть более конкретным, в любой мобильной точке останова вы получаете то, что видите на прикрепленном изображении.
Я использую IE11 в Windows7
Привет @davedele Для IE есть частичная поддержка из-за большого количества ошибок ( см. Известные проблемы )
Если найдете какое-то решение, свяжитесь со мной. Спасибо, что сообщили об этой проблеме.
Спасибо @cjpatoilo , вот быстрое решение для IE11:
Я использую немного js, чтобы найти UserAgent http://rog.ie/blog/html5-boilerplate-addon
Затем я добавляю новый медиа-запрос:
<strong i="10">@media</strong> screen and (max-width: 40em) {
html[data-useragent*='rv:11.0'] .row .column {
flex: none;
}
}
Что нарушает его в IE, так это « flex: 1 » в классе «.row .column».
Измените .row .column
с flex: 1;
на flex: 1 1 auto;
Работает лучше и работает во всех браузерах. Включая IE11.
Самый полезный комментарий
Измените
.row .column
сflex: 1;
наflex: 1 1 auto;
Работает лучше и работает во всех браузерах. Включая IE11.