के लिए फ्लेक्स-चादर polyfill Mozilla's own documentation के अनुसार:फ़ायरफ़ॉक्स
फ़ायरफ़ॉक्स केवल एकल लाइन flexbox का समर्थन करता है।
हालांकि मैं flexboxes का उपयोग कर के बाद से यह अब mostly supported by all modern browsers है शुरू करना चाहते हैं (मैं सौभाग्य से इस परियोजना के लिए आईई 9 लक्षित करने की आवश्यकता नहीं है)।
चूंकि फ़ायरफ़ॉक्स केवल सिंगल-लाइन फ्लेक्सबॉक्स का समर्थन करता है, इसलिए इसका उपयोग करने का एकमात्र लाभ justify-content
और संभवतः align-items
है। मेरी राय में, flexboxes की वास्तविक शक्ति flex-flow
और flex-wrap
है, जो संवेदनशील लेआउट के लिए अनुमति देता है।
दरअसल, मैंने मोज़िला दस्तावेज़ से Holy Grail Layout example की प्रतिलिपि बनाने और इसे फ़ायरफ़ॉक्स में खोलने की कोशिश की और यह ठीक से काम भी नहीं किया। order
बदल गया लेकिन यह अभी भी flex-flow
बदलने के बजाय तीन तत्वों को एक पंक्ति में दिखाया गया है।
संबंधित प्रश्न: Flexbox not wrapping flex items
मैं बहुत यकीन है कि मेरी लक्षित दर्शकों के सबसे इंटरनेट एक्सप्लोरर, फ़ायरफ़ॉक्स, और iOS के लिए सफारी पर है हूँ। वहाँ एक polyfill कि मैं Firefox के लिए उपयोग करने के वांछित व्यवहार प्राप्त करने के लिए कर सकते हैं या मैं float
रों, width
है, और clear
फिक्स Modernizr का उपयोग कर पर वापस आने की क्या ज़रूरत है है (और यदि हां, तो क्या मैं भी के लिए Modernizr में दिखते हैं?)
स्रोत लिंक टूटा हुआ है, लेकिन '@supports not (flex-wrap: wrap) के लिए धन्यवाद –