सीएसएस एक प्रोग्रामिंग भाषा है जो हमें कई प्रकार की स्थिति (जैसे सापेक्ष स्थिति और पूर्ण स्थिति), ऊंचाई और चौड़ाई से परिचित कराती है।
CSS में तीन प्रकार की चौड़ाई होती है चौड़ाई, अधिकतम चौड़ाई और न्यूनतम-चौड़ाई। लेकिन चौड़ाई के दो मुख्य प्रकार हैं अधिकतम-चौड़ाई और न्यूनतम-चौड़ाई। दोनों शब्द एक दूसरे से बहुत अलग हैं।
चाबी छीन लेना
- अधिकतम-चौड़ाई एक सीएसएस संपत्ति है जो किसी तत्व की अधिकतम चौड़ाई निर्धारित करती है, इसे एक निर्दिष्ट मूल्य से आगे बढ़ने से रोकती है। इसके विपरीत, न्यूनतम-चौड़ाई किसी तत्व की न्यूनतम चौड़ाई निर्धारित करती है, यह सुनिश्चित करते हुए कि यह एक निर्दिष्ट मूल्य से नीचे नहीं सिकुड़ती है।
- अधिकतम-चौड़ाई संपत्ति विभिन्न स्क्रीन आकारों के अनुकूल प्रतिक्रियाशील डिज़ाइन बनाने के लिए उपयोगी है, क्योंकि यह तत्वों को केवल एक निश्चित बिंदु तक बढ़ने की अनुमति देती है। साथ ही, न्यूनतम-चौड़ाई किसी तत्व को बहुत छोटा होने से रोककर उसकी पठनीयता और उपयोगिता को बनाए रखने में मदद करती है।
- प्रतिक्रियाशील वेब डिज़ाइन में अधिकतम-चौड़ाई और न्यूनतम-चौड़ाई दोनों गुण महत्वपूर्ण हैं, जो अलग-अलग स्क्रीन आकार, रिज़ॉल्यूशन और देखने की स्थितियों में लचीलापन और अनुकूलनशीलता प्रदान करते हैं।
अधिकतम चौड़ाई बनाम न्यूनतम चौड़ाई
अधिकतम चौड़ाई सीएसएस प्रोग्रामिंग भाषा में किसी भी तत्व की अधिकतम चौड़ाई है। डेस्कटॉप का पहला दृष्टिकोण अधिकतम चौड़ाई है। जब अधिकतम चौड़ाई बिंदु तक पहुँच जाता है, तो STOP शैली लागू की जाती है। न्यूनतम चौड़ाई किसी भी तत्व की न्यूनतम चौड़ाई है। मोबाइल का पहला दृष्टिकोण न्यूनतम-चौड़ाई है। न्यूनतम चौड़ाई छोटी स्क्रीन के लिए उपयुक्त है।
अधिकतम चौड़ाई सीएसएस (प्रोग्रामिंग) में उपयोग किए जाने वाले सामान्य शब्दों में से एक है। यह बड़ी स्क्रीन पर देखे जाने पर किसी छवि या पृष्ठ की अधिकतम चौड़ाई को इंगित करता है।
यह डेस्कटॉप और कंप्यूटर जैसी बड़ी डिजिटल स्क्रीन के लिए सेट है। किसी तत्व, पृष्ठ या छवि की औसत अधिकतम चौड़ाई 992 PX तक जा सकती है।
न्यूनतम चौड़ाई एक महत्वपूर्ण प्रोग्रामिंग टूल है जो छोटे स्क्रीन पर कई पृष्ठों या छवियों को देखना आसान बनाता है। इसका औसत मूल्य लगभग 767 पीएक्स है।
इस मामले में, शैलियों को न्यूनतम-चौड़ाई पर शुरू किया जाता है और आगे बढ़ाया जाता है। इस दृष्टिकोण प्रकार को मोबाइल 1 कहा जाता हैst दृष्टिकोण.
तुलना तालिका
तुलना के पैरामीटर | अधिकतम चौड़ाई | न्यूनतम चौड़ाई |
---|---|---|
महत्व | अधिकतम चौड़ाई किसी पृष्ठ, तत्व या छवि की अधिकतम चौड़ाई को इंगित करती है। | न्यूनतम चौड़ाई किसी तत्व, छवि या पृष्ठ की न्यूनतम चौड़ाई को इंगित करती है। |
दृष्टिकोण प्रकार | अधिकतम चौड़ाई एक डेस्कटॉप 1 हैst दृष्टिकोण. | न्यूनतम चौड़ाई एक मोबाइल 1 हैst दृष्टिकोण. |
औसत चौड़ाई | 992 पीएक्स औसत अधिकतम-चौड़ाई है। | औसत न्यूनतम-चौड़ाई 767 पीएक्स के बराबर है। |
ब्रेकप्वाइंट सेटिंग | इस मामले में, बड़ी स्क्रीन (जैसे डेस्कटॉप, लैपटॉप, आदि) के लिए एक ब्रेकप्वाइंट सेट किया जाता है। | न्यूनतम-चौड़ाई के मामले में छोटी स्क्रीन (जैसे मोबाइल) के लिए ब्रेकप्वाइंट सेट किए जाते हैं। |
शैलियाँ | अधिकतम-चौड़ाई के मामले में, इस बिंदु तक पहुँचने के बाद शैलियाँ लागू होना बंद हो जाती हैं। | शैलियाँ इस बिंदु पर लागू होनी शुरू हो जाती हैं और यदि अधिकतम चौड़ाई निर्धारित नहीं की जाती है तो वे हमेशा के लिए समाप्त हो जाती हैं। |
अधिकतम चौड़ाई क्या है?
अधिकतम चौड़ाई किसी ब्लॉक-स्तरीय तत्व या छवि द्वारा प्राप्त अधिकतम चौड़ाई को दर्शाती है जब इसे स्क्रीन पर प्रस्तुत किया जाता है ब्राउज़र.
लैपटॉप और डेस्कटॉप जैसी बड़ी स्क्रीन के लिए अधिकतम चौड़ाई निर्धारित है। अधिकतम चौड़ाई की दृष्टिकोण शैली डेस्कटॉप 1 हैst दृष्टिकोण.
अधिकतम चौड़ाई का औसत न्यूनतम मान 992 PX है। कंप्यूटर जैसी बड़ी स्क्रीन के लिए न्यूनतम चौड़ाई का ब्रेकपॉइंट मान सेट किया गया है।
अधिकतम-चौड़ाई तक पहुंचने के बाद, शैलियाँ दस्तावेज़ों और मौलिक छवियों पर लागू होना बंद कर देती हैं।
अधिकतम चौड़ाई एक ऐसी संपत्ति है जो अधिकतम चौड़ाई के मान से अधिक होने पर किसी तत्व की चौड़ाई स्वचालित रूप से बदल देगी।
यह क्रिया किसी विशिष्ट तत्व की चौड़ाई को अधिकतम चौड़ाई से अधिक होने से रोकती है।
लेकिन यदि सामग्री अधिकतम ऊंचाई के मान से छोटी है, तो अधिकतम-चौड़ाई उस तत्व को प्रभावित नहीं करती है।
शब्द "अधिकतम-चौड़ाई" को जानकारी के एक सेट का उपयोग करके समझाया जा सकता है:
- परिकलित मान - निर्दिष्ट के अनुसार पूर्ण लंबाई या प्रतिशत में से कोई नहीं
- प्रारंभिक मान - अधिकतम-चौड़ाई के लिए कोई प्रारंभिक मान नहीं है
- प्रतिशत - यह किसी ब्लॉक या छवि की अधिकतम चौड़ाई मान को संदर्भित करता है
- एनिमेशन प्रकार - यह या तो प्रतिशत मान में या लंबाई में होता है
- विरासत में मिला - नहीं
- पर लागू होता है - यह सभी तत्वों पर लागू होता है
न्यूनतम चौड़ाई क्या है?
न्यूनतम चौड़ाई किसी ब्लॉक-स्तरीय तत्व या छवि द्वारा प्राप्त न्यूनतम चौड़ाई को इंगित करती है जब कोई ब्राउज़र इसे छोटी स्क्रीन पर दिखाता है।
फोन और मोबाइल जैसी छोटी और छोटी स्क्रीन के लिए न्यूनतम चौड़ाई निर्धारित है। मोबाइल 1st दृष्टिकोण न्यूनतम चौड़ाई की दृष्टिकोण शैली है।
फ़ोन जैसी छोटी डिजिटल स्क्रीन के लिए न्यूनतम चौड़ाई में ब्रेकपॉइंट मान सेट होता है। 767 पीएक्स सीएसएस में व्यक्त औसत न्यूनतम चौड़ाई मान है।
यह हमें प्रत्येक सामग्री के लिए न्यूनतम चौड़ाई निर्धारित करने की अनूठी संपत्ति से परिचित कराता है। शैलियाँ START विधि में लागू की जाती हैं।
न्यूनतम चौड़ाई किसी संपत्ति की चौड़ाई को न्यूनतम-चौड़ाई सेट से कम होने से रोकती है।
यदि सामग्री की चौड़ाई न्यूनतम-चौड़ाई से कम है, तो न्यूनतम-चौड़ाई लागू की जाती है, और यह संपत्ति की चौड़ाई को तब तक बढ़ाती है जब तक कि यह निर्धारित न्यूनतम-चौड़ाई तक नहीं पहुंच जाती।
यदि सामग्री की चौड़ाई न्यूनतम-चौड़ाई से बड़ी है, तो न्यूनतम-चौड़ाई संपत्ति लागू नहीं होती है और इसका कोई प्रभाव नहीं पड़ता है।
कई विवरण हमें न्यूनतम चौड़ाई की परिभाषा समझाने में मदद करते हैं। ये विवरण नीचे दिए गए हैं:
- प्रतिशत - यह हमें प्रतिशत मान में किसी ब्लॉक की न्यूनतम चौड़ाई बताता है।
- लंबाई - यह हमें सेंटीमीटर या पीएक्स में ब्लॉक की न्यूनतम चौड़ाई बताता है। इसका डिफ़ॉल्ट मान शून्य है.
- इनहेरिट - इस संपत्ति को इसके प्रारंभिक/मूल ब्लॉक से विरासत में मिला है।
अधिकतम चौड़ाई और न्यूनतम चौड़ाई के बीच मुख्य अंतर
- अधिकतम-चौड़ाई के मामले में, शैलियों को एक STOP शीर्षक दिया जाता है, जबकि दूसरी ओर, न्यूनतम-चौड़ाई के मामले में शैलियों को एक START शीर्षक दिया जाता है।
- सीएसएस में, अधिकतम-चौड़ाई किसी चित्र या पृष्ठ की अधिकतम चौड़ाई का प्रतिनिधित्व करती है, जबकि दूसरी ओर, न्यूनतम-चौड़ाई किसी मौलिक पृष्ठ और छवि की न्यूनतम चौड़ाई को इंगित करती है।
- 992 PX CSS में औसत अधिकतम चौड़ाई है, जबकि दूसरी ओर, 767 PX CSS में औसत न्यूनतम चौड़ाई है।
- डेस्कटॉप 1st दृष्टिकोण अधिकतम-चौड़ाई से संबंधित है, जबकि दूसरी ओर, मोबाइल 1st दृष्टिकोण न्यूनतम-चौड़ाई से संबंधित है।
- बड़ी स्क्रीन के लिए अधिकतम चौड़ाई का ब्रेकप्वाइंट सेट होता है, जबकि दूसरी ओर, छोटी स्क्रीन के लिए न्यूनतम-चौड़ाई का ब्रेकप्वाइंट सेट होता है।
- https://scholar.google.com/scholar?hl=en&as_sdt=0%2C5&q=max+width+css&btnG=#d=gs_qabs&u=%23p%3DJSnP9p0FQ1wJ
- https://scholar.google.com/scholar?hl=en&as_sdt=0%2C5&q=min+width+css&btnG=#d=gs_qabs&u=%23p%3DwX2gwx3yyGgJ
अंतिम अद्यतन: 26 जुलाई, 2023
संदीप भंडारी ने थापर विश्वविद्यालय (2006) से कंप्यूटर में इंजीनियरिंग में स्नातक की उपाधि प्राप्त की है। उनके पास प्रौद्योगिकी क्षेत्र में 20 वर्षों का अनुभव है। उन्हें डेटाबेस सिस्टम, कंप्यूटर नेटवर्क और प्रोग्रामिंग सहित विभिन्न तकनीकी क्षेत्रों में गहरी रुचि है। आप उनके बारे में और अधिक पढ़ सकते हैं जैव पृष्ठ.