ایچ ٹی ایم ایل میں ریسپانسیو ویب ڈیزائن کے لیے ویو پورٹ میٹا ٹیگ کا استعمال کیسے کریں؟

یہ بلاگ وضاحت کرے گا کہ HTML میں ریسپانسیو ویب ڈیزائن کے لیے ویو پورٹ میٹا ٹیگ کیسے استعمال کیا جائے:

• ویو پورٹ میٹا ٹیگ کیا ہے؟
• میٹا ٹیگ کی مختلف خصوصیات

ویو پورٹ میٹا ٹیگ کیا ہے؟

' ویو پورٹ مختلف اسکرین سائزز پر مواد کیسے ظاہر ہوتا ہے اس کو کنٹرول کر کے ایک ذمہ دار ڈیزائن بنانے کا سب سے اہم ٹیگ ہے۔ یہ ٹیگ 'کے اندر رکھا گیا ہے۔ ” سیکشن اور اس میں دو صفات ہیں۔ پہلا ہے ' نام ” وصف جو اس ٹیگ کا مقصد بتاتا ہے اور دوسرا ہے “ مواد 'جو میں فراہم کردہ قدر سے متعلق ڈیٹا رکھتا ہے' نام ' وصف.

ویو پورٹ میٹا ٹیگ کی مختلف خصوصیات

ویو پورٹ میٹا ٹیگ میں درج ذیل صفات ہیں جنہیں 'کی قدر کے طور پر رکھا جا سکتا ہے۔ مواد ' وصف:

'چوڑائی' وصف

' چوڑائی ” وصف عمودی طور پر مواد کے لیے ویب صفحہ کے مرئی علاقے کی وضاحت کرتا ہے۔ اس کا میٹا ٹیگ اس طرح لگتا ہے:

'اونچائی' وصف

' اونچائی ” وصف ویب پیج کی عمودی لمبائی کو اس بات کو یقینی بنانے کے لیے سیٹ کرتا ہے کہ ویو پورٹ کی اونچائی اسکرین کی اونچائی سے ملتی ہے۔ اس کا میٹا ٹیگ اس طرح لگتا ہے:

'ابتدائی پیمانہ' وصف

' ابتدائی پیمانہ ” وصف اس بات کو یقینی بناتا ہے کہ پہلی بار لوڈ ہونے پر ویب صفحہ مناسب زوم لیول پر ظاہر ہوتا ہے۔ مثال کے طور پر، درج ذیل کوڈ پر جائیں:

'زیادہ سے زیادہ پیمانے' وصف

' زیادہ سے زیادہ پیمانے پر ” وصف لے آؤٹ کے مسائل کو روکنے کے لیے ویب پیج کے لیے زیادہ سے زیادہ زوم لیول کی وضاحت کرتا ہے:

'کم سے کم پیمانہ' وصف

' کم از کم پیمانہ کم از کم زوم آؤٹ پیمانے کی سطح کی وضاحت کرکے صارف کو بہت زیادہ زوم آؤٹ کرنے سے روکنے کے لیے استعمال کیا جاتا ہے:

'صارف کی توسیع پذیر' خصوصیت

' صارف کے لیے قابل توسیع ” انتساب صارف کو ویلیو سیٹ کرکے ویب پیج اسکرین کو زوم آؤٹ یا زوم ان کرنے کی اجازت دیتا ہے یا نہیں دیتا ہے۔ نہیں 'یا' جی ہاں ' میٹا ٹیگ جو صارف کو زوم ان یا آؤٹ کرنے کی اجازت دیتا ہے وہ ہے:

ایچ ٹی ایم ایل میں ریسپانسیو ویب ڈیزائن کے لیے ویو پورٹ میٹا ٹیگ کا استعمال کیسے کریں؟

ریسپانسیو ویب ڈیزائن کے لیے ویو پورٹ میٹا ٹیگ کے استعمال کو بہتر طور پر سمجھنے کے لیے۔ آئیے ایک مثال کے ذریعے چلتے ہیں:

فرض کریں کہ اندر '