व्यूपोर्ट और रिस्पॉन्सिव मूल बातें

व्यूपोर्ट टैग

यह मोबाइल ब्राउज़र को CSS लेआउट को डिवाइस की असली स्क्रीन चौड़ाई से मिलाने को कहता है।

<meta name="viewport" content="width=device-width, initial-scale=1.0">

बिना इसके, ज़ूम-आउट

यह टैग छोड़ने पर मोबाइल ब्राउज़र एक नकली चौड़ा डेस्कटॉप पेज रेंडर करता है, फिर उसे सिकोड़ता है — छोटा, ज़ूम-आउट टेक्स्ट।