उत्तरदायी मेटा टैग - सीएसएस-ट्रिक्स

मैं इसका उपयोग करता हूं:

हालाँकि मैं देख रहा हूँ कि यह बहुत अनुशंसित है:

इसका मतलब है कि ब्राउज़र अपनी स्क्रीन की चौड़ाई पर पृष्ठ की चौड़ाई (शायद) प्रदान करेगा। इसलिए यदि वह स्क्रीन 320px चौड़ी है, तो ब्राउज़र विंडो 320px चौड़ी होगी, बजाय ज़ूम आउट किए हुए और 960px (या जो कुछ भी डिवाइस डिफ़ॉल्ट रूप से करता है, एक उत्तरदायी मेटा टैग के बदले में)।

नोट: यदि आपकी वेबसाइट विशेष रूप से उत्तरदायी नहीं है और उस आकार में अच्छी तरह से काम करने के लिए डिज़ाइन नहीं किया गया है, तो यह एक संवेदनशील मेटा टैग का उपयोग नहीं करता है, क्योंकि यह अनुभव को बदतर बना देगा।

इस टैग का समर्थन करने वाले और भी गुण हैं:

संपत्ति	विवरण
चौड़ाई	डिवाइस के वर्चुअल व्यूपोर्ट की चौड़ाई।
उपकरण-चौड़ाई	डिवाइस की स्क्रीन की भौतिक चौड़ाई।
ऊंचाई	डिवाइस के "वर्चुअल व्यूपोर्ट" की ऊंचाई।
उपकरण-ऊँचाई	डिवाइस की स्क्रीन की भौतिक ऊंचाई।
प्रारंभिक-पैमाना	पृष्ठ पर आने पर प्रारंभिक ज़ूम। 1.0 ज़ूम नहीं करता है।
न्यूनतम पैमाने पर	आगंतुक न्यूनतम राशि पृष्ठ पर ज़ूम कर सकता है। 1.0 ज़ूम नहीं करता है।
अधिकतम पैमाने पर	आगंतुक अधिकतम राशि को पृष्ठ पर ज़ूम कर सकता है। 1.0 ज़ूम नहीं करता है।
उपयोगकर्ता-मापनीय	डिवाइस को ज़ूम इन और आउट करने की अनुमति देता है। मान हो या न हो।

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

आप शायद अपने सीएसएस में भी यही चाहेंगे:

@-ms-viewport( width: device-width; )

यह जानकर अच्छा लगा: जावास्क्रिप्ट के साथ इस मेटा टैग का मान बदलने से काम चल जाएगा, पृष्ठ नए मूल्य पर प्रतिक्रिया देगा। या तो पूरे टैग को हटा दें और contentसंपत्ति को बदल दें, या बदल दें । एक सुपर आम जरूरत नहीं है, लेकिन यह आ सकता है।