Milligram: Сетки не работают в IE11

Созданный на 23 мар. 2016  ·  5Комментарии  ·  Источник: milligram/milligram

В демонстрации элементы сетки сворачиваются друг на друга. Только вижу это в IE11.
Также в документации нет полного списка поддерживаемых браузеров.

Самый полезный комментарий

Измените .row .column с flex: 1; на flex: 1 1 auto;

Работает лучше и работает во всех браузерах. Включая IE11.

Все 5 Комментарий

Привет @davedele Вы можете сказать, какая версия вашей ОС? Вы также можете предоставить какой-нибудь экран для печати?

Привет, @cjpatoilo , спасибо за ответ. Чтобы быть более конкретным, в любой мобильной точке останова вы получаете то, что видите на прикрепленном изображении.

Я использую IE11 в Windows7
untitled-3

Привет @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.

Была ли эта страница полезной?
0 / 5 - 0 рейтинги

Смежные вопросы

mterron picture mterron  ·  6Комментарии

swalberg picture swalberg  ·  6Комментарии

negativefix picture negativefix  ·  7Комментарии

enkota picture enkota  ·  6Комментарии

dnohr picture dnohr  ·  7Комментарии