सभी उदाहरण जो मैं लचीली बॉक्स मॉडल शो सामग्री को क्षैतिज दिशा या ऊर्ध्वाधर दिशा में विस्तारित कर सकता हूं। मैं एक निश्चित पहलू अनुपात को बनाए रखने के दौरान चीजों को लचीला रूप से विस्तारित करने का तरीका नहीं समझ पाया।CSS3 फ्लेक्सिबल बॉक्स मॉडल और फिक्स्ड आस्पेक्ट अनुपात
6
A
उत्तर
1
मैंने हाल ही में एक डब्ल्यू 3 सी कोर्स फोरम में एक समान प्रश्न पूछा, और एक शिक्षक, फिल आर्चर से गहराई से जवाब मिला। वह स्केलिंग के दौरान पहलू अनुपात को बनाए रखने के लिए एसवीजी का उपयोग करने का सुझाव देता है, और यह भी दिखाता है कि यह वेब ब्राउज़र में अच्छा काम करता है, लेकिन मोबाइल पर इतना अच्छा नहीं है। अधिक जानकारी के लिए http://philarcher.org/diary/2012/scalablesquares देखें।
संबंधित मुद्दे
- 1. CSS3 एनीमेशन: ब्लिंकिंग ओवरले बॉक्स
- 2. CSS3 बॉक्स-छाया रैखिक ग्रेडियेंट?
- 3. JQuery मॉडल बॉक्स और इफ्रेम
- 4. क्रोम में बहुत धीमी CSS3 बॉक्स-छायाएं
- 5. CSS3 बॉक्स-छाया संपत्ति मान्य नहीं है?
- 6. CSS3 बॉक्स छाया आकार - प्रतिशत इकाइयां?
- 7. मॉडल-व्यू-प्रस्तुतकर्ता और मॉडल संवाद बॉक्स .... कैसे करें?
- 8. JQuery मॉडल बॉक्स पोजिशनिंग
- 9. फेसबुक के मॉडल बॉक्स
- 10. पहलू अनुपात और चौड़ाई
- 11. पहलू अनुपात और चौड़ाई
- 12. सीएसएसलिंट - टूटा हुआ बॉक्स मॉडल
- 13. CSS3 फ्लेक्सबॉक्स पूर्ण-ऊंचाई ऐप और ओवरफ़्लो
- 14. CSS3
- 15. फिक्स्ड {}, मार्शल.एलोक एचजीएलबल() और जीसीएचंडल.एलोक()
- 16. CSS3 बॉक्स-छाया संपत्ति के साथ स्क्रॉल लगाना?
- 17. आईई 5 बॉक्स मॉडल की तुलना में डब्ल्यू 3 सी बॉक्स मॉडल का क्या फायदा है?
- 18. क्या CSS3 बॉक्स-छाया में पारदर्शिता सेट करना संभव है?
- 19. CSS3 बॉक्स छाया सहोदर div तत्व के पीछे दिखा
- 20. पहलू अनुपात
- 21. पहलू अनुपात
- 22. पहलू अनुपात
- 23. इंटरनेट एक्सप्लोरर बॉक्स मॉडल - ऑफ़सेट क्या है?
- 24. पहलू अनुपात
- 25. एचटीएमएल 5 लचीला बॉक्स मॉडल ऊंचाई गणना
- 26. फ़ायरफ़ॉक्स: बॉक्स मॉडल की गलत व्याख्या?
- 27. फाउडेशन ज़र्ब गतिशील प्रकट मॉडल बॉक्स
- 28. CSS3
- 29. CSS3
- 30. CSS3
यह आपको css3 बॉक्स-मॉडल के अन्य गुणों के बारे में मदद कर सकता है: http://www.html5rocks.com/en/tutorials/flexbox/quick/ – kenok