यह लेख टेलविंड सीएसएस में 'ओवरफ्लो' उपयोगिताओं पर ब्रेकप्वाइंट और मीडिया प्रश्नों को लागू करने की विधि का वर्णन करेगा।
टेलविंड में 'ओवरफ़्लो' के साथ ब्रेकप्वाइंट और मीडिया क्वेरीज़ का उपयोग कैसे करें?
टेलविंड में 'ओवरफ्लो' उपयोगिताओं पर विशेष ब्रेकप्वाइंट और मीडिया क्वेरी लागू करने के लिए, एक HTML संरचना बनाएं। फिर, 'का उपयोग करें एमडी ' या ' एलजी वांछित के साथ ब्रेकप्वाइंट “अतिप्रवाह-<मान>” विभिन्न स्क्रीन आकारों पर निर्दिष्ट तत्व के अतिप्रवाह व्यवहार को नियंत्रित करने के लिए उपयोगिताएँ। इसके बाद, सत्यापन के लिए वेब पेज का स्क्रीन आकार बदलें।
उदाहरण
इस उदाहरण में, हम इसका उपयोग करेंगे 'एमडी' के साथ ब्रेकप्वाइंट 'अतिप्रवाह-स्क्रॉल' में उपयोगिता
कंटेनर में स्क्रॉलबार जोड़ने के लिए और उन्हें हमेशा मध्यम स्क्रीन आकार पर दिखाने के लिए: < शरीर >
< डिव कक्षा = 'ओवरफ्लो-ऑटो एमडी: ओवरफ्लो-स्क्रॉल बीजी-पर्पल-300 पी-4 एमएक्स-16 एमटी-5 एच-36 टेक्स्ट-जस्टिफाई' >
टेलविंड सीएसएस विभिन्न 'ओवरफ़्लो' उपयोगिताएँ प्रदान करता है, जैसे
'अतिप्रवाह-ऑटो', 'अतिप्रवाह-स्क्रॉल', 'अतिप्रवाह-छिपा हुआ', 'अतिप्रवाह-दृश्यमान'
आदि। ये उपयोगिताएँ निर्धारित करती हैं कि कोई विशिष्ट तत्व सामग्री को कैसे संभालता है
जो कंटेनर के आकार से अधिक है। प्रत्येक उपयोगिता अद्वितीय कार्यक्षमता प्रदान करती है,
हालाँकि, उनका अंतिम लक्ष्य एक ही है, यानी अतिप्रवाह को नियंत्रित करना
चयनित तत्व का व्यवहार.
< / डिव >
< / शरीर >
यहाँ:
- 'अतिप्रवाह-ऑटो' क्लास का उपयोग स्क्रॉलबार को जोड़ने के लिए किया जाता है कंटेनर और उन्हें केवल तभी दिखाएं जब स्क्रॉल करना आवश्यक हो।
- 'एमडी: अतिप्रवाह-स्क्रॉल' क्लास स्क्रॉलबार जोड़ता है और हमेशा उन्हें दिखाता है 'एमडी' ब्रेकप्वाइंट (मध्यम स्क्रीन आकार)।
आउटपुट:
उपरोक्त आउटपुट के अनुसार, ब्रेकप्वाइंट और मीडिया क्वेरीज़ को 'ओवरफ़्लो' उपयोगिताओं पर सफलतापूर्वक लागू किया गया है।
निष्कर्ष
टेलविंड में 'ओवरफ़्लो' उपयोगिताओं पर ब्रेकप्वाइंट और मीडिया क्वेरी लागू करने के लिए, 'का उपयोग करें' एस.एम ”,“ एमडी ' या ' एलजी 'वांछित के साथ ब्रेकप्वाइंट' अतिप्रवाह-<मूल्य> HTML प्रोग्राम में उपयोगिताएँ। ये ब्रेकप्वाइंट विभिन्न स्क्रीन आकारों पर निर्दिष्ट तत्व के अतिप्रवाह व्यवहार को नियंत्रित करते हैं। इस लेख में टेलविंड में 'ओवरफ्लो' उपयोगिताओं पर विशिष्ट ब्रेकप्वाइंट और मीडिया प्रश्नों को लागू करने के उदाहरण का वर्णन किया गया है।