css - Is it OK to use both old and new flexbox syntax for wider compatibility? -
<पूर्व>
.flexcontainer {display: box; प्रदर्शन: फ्लेक्स; }
यह लगता है काम करने के लिए ... लेकिन क्या यह एक अच्छा विचार है? मैं पुराने एंड्रॉइड (2.x) और साथ ही नए आईओएस और एंड्रॉइड ब्राउज़र्स पर काम करने के लिए फ्लेक्सबॉक्स प्राप्त करने की कोशिश कर रहा हूं।
मुझे इस समस्या के बारे में उपयोगी सीएसएस-ट्रिक्स लेख मिला। ऐसा लगता है कि इन पंक्तियों के साथ सबसे अच्छा तरीका है:
प्रदर्शन: -वेबकिट-बॉक्स; / * ओल्ड - आईओएस 6-, सफ़ारी 3.1-6 * / डिस्प्ले: -मोझ-बॉक्स; / * ओल्ड - फ़ायरफ़ॉक्स 1 9- (छोटी गाड़ी पर ज्यादातर काम करता है) * / डिस्प्ले: -एमए-फ्लेक्सबॉक्स; / * TWEENER - आईई 10 * / डिस्प्ले: -वेबकिट-फ्लेक्स; / * नया - क्रोम * / डिस्प्ले: फ्लेक्स; / * नई, युक्ति - ओपेरा 12.1, फ़ायरफ़ॉक्स 20 + * / -वेबकिट बॉक्स-फ्लेक्स: 1; / * ओल्ड - आईओएस 6-, सफ़ारी 3.1-6 * / -मोज़-बॉक्स-फ्लेक्स: 1; / * ओल्ड - फ़ायरफ़ॉक्स 1 9- * / चौड़ाई: 20%; / * पुराने वाक्यविन्यास के लिए, अन्यथा गिर पड़ता है * / -webkit-flex: 1; / * क्रोम * / -एमएम-फ्लेक्स: 1; / * IE 10 * / फ्लेक्स: 1; / * नई, युक्ति - ओपेरा 12.1, फ़ायरफ़ॉक्स 20+ * /
Comments
Post a Comment