Milligram: الشبكات مكسورة في IE11

تم إنشاؤها على ٢٣ مارس ٢٠١٦  ·  5تعليقات  ·  مصدر: milligram/milligram

في العرض التوضيحي ، تنهار عناصر الشبكة على بعضها البعض. رؤية هذا فقط في IE11.
أيضًا ، لا توجد قائمة كاملة بالمتصفحات المدعومة في المستندات.

bug

التعليق الأكثر فائدة

تغيير .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 هو " المرن: 1 " في الفصل ".row .column".

تغيير .row .column من flex: 1; إلى flex: 1 1 auto;

يعمل بشكل أفضل ويعمل مع جميع المتصفحات. بما في ذلك IE11.

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات

القضايا ذات الصلة

kresogalic8 picture kresogalic8  ·  5تعليقات

enkota picture enkota  ·  6تعليقات

equinusocio picture equinusocio  ·  14تعليقات

garretwilson picture garretwilson  ·  18تعليقات

mikeriley131 picture mikeriley131  ·  8تعليقات