Milligram: IE11 में ग्रिड टूट गए हैं

को निर्मित 23 मार्च 2016 · 5टिप्पणियाँ · स्रोत: milligram/milligram

डेमो में, ग्रिड आइटम एक दूसरे पर गिर जाते हैं। केवल आईई 11 में इसे देख रहे हैं।
साथ ही, दस्तावेज़ों में समर्थित ब्राउज़रों की कोई पूरी सूची नहीं है।

bug

स्रोत

davedele

सबसे उपयोगी टिप्पणी

.row .column को flex: 1; से flex: 1 1 auto; बदलें

बेहतर काम करता है, और यह सभी ब्राउज़रों के लिए काम करता है। IE11 सहित।

dubcanada 10 मई 2016

👍3

सभी 5 टिप्पणियाँ

नमस्ते @davedel आप बता सकते हैं कि आपके OS का कौन सा संस्करण है? आप कुछ प्रिंट स्क्रीन भी प्रदान कर सकते हैं?

cjpatoilo 24 मार्च 2016

अरे @cjpatoilo , आपके उत्तर के लिए धन्यवाद। अधिक विशिष्ट होने के लिए, किसी भी मोबाइल ब्रेकपॉइंट पर आपको वह मिलता है जो आप संलग्न छवि में देखते हैं।

मैं Windows7 पर IE11 का उपयोग कर रहा हूँ
untitled-3

davedele 24 मार्च 2016

अरे @davedel IE के लिए बड़ी मात्रा में बग के कारण आंशिक समर्थन है ( ज्ञात मुद्दे देखें )

अगर आपको कोई समाधान मिल जाए तो मुझसे संपर्क करें। इस विषय पर जानकारी देने के लिए धन्यवाद।

cjpatoilo 24 मार्च 2016

धन्यवाद @cjpatoilo , यहाँ IE11 के लिए एक त्वरित समाधान है:

UserAgent http://rog.ie/blog/html5-boilerplate-addon को खोजने के लिए मैं कुछ JS का उपयोग करता हूं

फिर मैं एक नई मीडिया क्वेरी जोड़ता हूं:

<strong i="10">@media</strong> screen and (max-width: 40em) {

    html[data-useragent*='rv:11.0'] .row .column {
        flex: none;
    }
}

आईई में इसे क्या तोड़ रहा है " फ्लेक्स: 1 " कक्षा में ".row .column" है।