स्टूडियो एडिटर: सेक्शन में अनचाहे गैप्स की समस्या को ठीक करना

अगर आप अपनी लाइव साइट के किसी सेक्शन में अनचाहे गैप्स देखते हैं, तो यह अक्सर सेक्शन और उसके एलिमेंट्स के लिए सेट किए गए रिस्पॉन्सिव बिहेवियर के कारण होता है। जब किसी सेक्शन और उसके एलिमेंट्स की रिस्पॉन्सिव सेटिंग्स अलग-अलग होती हैं, तो स्क्रीन का साइज बदलने पर गैप्स दिखाई दे सकते हैं।

ऊपर दिए गए उदाहरण में, फॉर्म का रिस्पॉन्सिव बिहेवियर रिलेटिव विड्थ पर सेट है, जिसका मतलब है कि इसकी विड्थ इसके पैरेंट कंटेनर (जैसे, ग्रिड सेल) के साइज के आधार पर एडजस्ट होती है, लेकिन इसकी हाइट फिक्स्ड रहती है। हालांकि, सेक्शन स्केल प्रोपोर्शली पर सेट है, इसलिए स्क्रीन साइज बदलने पर इसकी विड्थ और हाइट दोनों प्रोपोर्शली एडजस्ट होती हैं। इससे बड़ी स्क्रीन पर एक बड़ा गैप बन जाता है क्योंकि सेक्शन लंबा हो जाता है, लेकिन फॉर्म नहीं।

सबसे पहले आपको एलिमेंट और सेक्शन के रिस्पॉन्सिव बिहेवियर को चेक करना होगा कि वे एक जैसे हैं या नहीं। अगर रिस्पॉन्सिव बिहेवियर एक जैसे नहीं हैं, तो नीचे दिए गए निर्देशों के अनुसार उन्हें बदलें।

इस समस्या को हल करने का लाइव डेमो देखें।

ज़्यादा जानने के लिए नीचे दिए गए किसी सवाल पर क्लिक करें।