एलिमेंटर कंटेनर अधिकतम चौड़ाई और अधिकतम ऊंचाई नियंत्रण
कंटेनर एक्स्ट्रा एक मुफ्त मास्टर एडॉन्स एक्सटेंशन है जो एलिमेंटर कंटेनर, सेक्शन और कॉलम में चार आकार नियंत्रण जोड़ता है: मैक्स चौड़ाई, मैक्स ऊंचाई, न्यूनतम चौड़ाई और न्यूनतम ऊंचाई एलिमेंटर पहले से ही एक कंटेनर चौड़ाई, सामग्री चौड़ाई और न्यूनतम ऊंचाई देता है, लेकिन तत्व के लिए कोई अधिकतम चौड़ाई या ऊंचाई नहीं है १४०० पीएक्स पर एक विस्तृत खंड को कैप करने के लिए इसका उपयोग करें, एक कॉलम को एक सेट चौड़ाई से नीचे सिकुड़ने से रोकें, या स्क्रीन की तुलना में लम्बे बढ़ने से पैनल रखें सभी चार नियंत्रण उत्तरदायी हैं।
एक एलिमेंट कंटेनर पर अधिकतम चौड़ाई कैसे सेट करें
आपको एलिमेंटर और निःशुल्क मास्टर ऐडऑन प्लगइन की आवश्यकता है।
- जांचें कि कंटेनर एक्स्ट्रा चालू है या नहीं मास्टर ऐडऑन, एक्सटेंशन.
- एलिमेंटर संपादक में, कंटेनर, अनुभाग या कॉलम का चयन करें।
- को खोलें उन्नत टैब और विस्तार करें कंटेनर अतिरिक्त.
- अधिकतम चौड़ाई, अधिकतम ऊंचाई, न्यूनतम चौड़ाई या न्यूनतम ऊंचाई सेट करें और इकाई चुनें।
- टैबलेट और मोबाइल दृश्य पर स्विच करें और यदि आवश्यक हो तो मान समायोजित करें।
- कुछ स्क्रीन चौड़ाई पर पृष्ठ का पूर्वावलोकन करें।
किसी भी कंटेनर पर अधिकतम और न्यूनतम चौड़ाई और ऊंचाई
एक कंटेनर, अनुभाग या कॉलम खोलें, पर जाएं उन्नत टैब और विस्तार करें कंटेनर अतिरिक्त। अधिकतम चौड़ाई और न्यूनतम चौड़ाई px, em, % या vw लेती है। अधिकतम ऊंचाई और न्यूनतम ऊंचाई px, em, % या vh लेते हैं। मान तत्व पर ही लागू होते हैं और डेस्कटॉप, टैबलेट और मोबाइल पर भिन्न हो सकते हैं।
- एक पूर्ण चौड़ाई वाले अनुभाग को एक निर्धारित चौड़ाई पर कैप करें, जैसे कि 1400px, जबकि पृष्ठ चौड़ा रहता है।
- एक कॉलम को एक न्यूनतम चौड़ाई दें ताकि यह एक पंक्ति में बहुत संकीर्ण न हो।
- स्क्रॉलिंग पैनल के लिए ऑटो पर एलिमेंट के ओवरफ्लो सेट के साथ अधिकतम ऊंचाई सेट करें।
एलिमेंट कंटेनर सेटिंग्स बनाम कंटेनर एक्स्ट्रा
एलिमेंटर अपने आप में अधिकांश आकार को कवर करता है यहां प्रत्येक व्यक्ति क्या प्रदान करता है।
| सेटिंग | एलिमेंट कंटेनर | कंटेनर अतिरिक्त |
|---|---|---|
| आंतरिक सामग्री की चौड़ाई | हाँ, सामग्री चौड़ाई एक चौड़ाई मान के साथ बॉक्सिंग | नहीं |
| न्यूनतम ऊंचाई | हाँ | हाँ |
| तत्व की अधिकतम चौड़ाई | नहीं, कस्टम सीएसएस की जरूरत है | हाँ |
| तत्व की अधिकतम ऊंचाई | नहीं, कस्टम सीएसएस की जरूरत है | हाँ |
| तत्व की न्यूनतम चौड़ाई | नहीं, कस्टम सीएसएस की जरूरत है | हाँ |
| विरासत अनुभागों और स्तंभों पर काम करता है | प्रति तत्व अलग-अलग नियंत्रण | वही चार नियंत्रण |
| लागत | मुक्त | मुक्त |
यदि आपके पास एलिमेंटर प्रो है, तो इसका कस्टम सीएसएस बॉक्स सीएसएस की एक पंक्ति के साथ भी ऐसा कर सकता है संबंधित एक्सटेंशनः रैपर लिंक और कस्टम ब्रेकप्वाइंट.
कंटेनर एक्स्ट्रा के लिए अक्सर पूछे जाने वाले प्रश्न
क्या कंटेनर एक्स्ट्रा मुफ्त है?
हाँ। कंटेनर एक्स्ट्रा मुफ़्त मास्टर ऐडऑन प्लगइन का हिस्सा है, और यह कंटेनर, लीगेसी सेक्शन और कॉलम पर काम करता है। यह केवल उस तत्व को बदलता है जिस पर आपने इसे सेट किया है, इसलिए आपकी वैश्विक कंटेनर चौड़ाई और अन्य अनुभाग समान रहते हैं।
मुझे 'न्यूनतम ऊंचाई' बनाम 'अधिकतम ऊंचाई' सेटिंग्स का उपयोग कब करना चाहिए?
न्यूनतम ऊंचाई का उपयोग करें जब एक अनुभाग को सेट आकार से कभी भी छोटा नहीं होना चाहिए, जैसे कि नायक या कम सामग्री के साथ रंगीन बैंड अधिकतम ऊंचाई का उपयोग करें जब एक अनुभाग कभी भी सेट आकार से लंबा नहीं होना चाहिए कंटेनर पर एलिमेंट के ओवरफ्लो सेटिंग के साथ अधिकतम ऊंचाई की जोड़ी, ऑटो पर सेट करें, अगर सामग्री को इसके अंदर स्क्रॉल करना चाहिए।
क्या कंटेनर की चौड़ाई को ओवरराइड करने से मेरा डिज़ाइन अनुत्तरदायी हो जाएगा या मोबाइल पर टूट जाएगा?
यदि आप उत्तरदायी मान सेट नहीं करते हैं तो सभी चार नियंत्रणों में अलग-अलग डेस्कटॉप, टैबलेट और मोबाइल मान हैं एक निश्चित पीएक्स मैक्स चौड़ाई या न्यूनतम चौड़ाई एक छोटी स्क्रीन को ओवरफ्लो कर सकती है, इसलिए मोबाइल पर% या वीडब्ल्यू का उपयोग करें, या वहां मान साफ़ करें।
कंटेनर एक्स्ट्रा के बीच क्या अंतर है और बस मेरे पेज बिल्डर में "पूर्ण चौड़ाई" या "खिंचाव" कंटेनर का उपयोग कर रहा है?
एक पूर्ण चौड़ाई कंटेनर अपने माता-पिता के किनारों तक फैला हुआ है कंटेनर एक्स्ट्रा उस कंटेनर को एक मैक्स चौड़ाई पर रोक देता है, जैसे कि १४०० पीएक्स, इसलिए यह आपके बॉक्स की गई सामग्री से व्यापक है लेकिन किनारे से किनारे तक नहीं है एलिमेंट का अपना मिन ऊंचाई किसी भी तरह से समान काम करता है।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।
ग्लासमोर्फिज्म
पैटर्न
![एलिमेंट के लिए मास्टर ऐडऑन पोस्ट/पेज डुप्लीकेटर एक्सटेंशन: वर्डप्रेस पेज सूची में एमए डुप्लीकेटर पंक्ति लिंक एक लैंडिंग पेज बना रहा है - [डुप्लिकेट #128] ड्राफ्ट](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
पोस्ट/पेज डुप्लीकेटर
प्रगति बार पढ़ना
