کیا تبدیلیاں

کی کمی کو نوٹ کریں <meta name="viewport" content="width=device-width, initial-scale=1">، جو موبائل آلات میں سائٹس کے زومنگ پہلو کو غیر فعال کرتا ہے۔ اس کے علاوہ، ہم نے اپنے کنٹینر کی چوڑائی کو دوبارہ ترتیب دیا ہے اور گرنے سے بچنے کے لیے نیوبار کو تبدیل کیا ہے، اور بنیادی طور پر یہ اچھا ہے۔

نوبارز کے حوالے سے

بطور ہیڈ اپ، نوبار جزو یہاں کافی مشکل ہے کیونکہ اسے دکھانے کے انداز خاصے اور تفصیلی ہیں۔ اس بات کو یقینی بنانے کے لیے اوور رائیڈز کہ ڈیسک ٹاپ اسٹائل کا ڈسپلے اتنا پرفارمنس یا چیکنا نہیں ہے جتنا کوئی چاہتا ہے۔ صرف اس بات سے آگاہ رہیں کہ جب آپ navbar استعمال کرتے وقت اس مثال کے اوپری حصے میں تعمیر کرتے ہیں تو ممکنہ طور پر گٹچس ہوسکتے ہیں۔

براؤزرز، سکرولنگ، اور فکسڈ عناصر

غیر ذمہ دار لے آؤٹ فکسڈ عناصر کی ایک اہم خرابی کو نمایاں کرتے ہیں۔ جب ویو پورٹ صفحہ کے مواد سے تنگ ہو جائے گا تو کوئی بھی فکسڈ جز، جیسے کہ ایک فکسڈ نیوبار، اسکرول کے قابل نہیں ہوگا۔ دوسرے لفظوں میں، 970px کی غیر جوابی کنٹینر کی چوڑائی اور 800px کے ویوپورٹ کو دیکھتے ہوئے، آپ ممکنہ طور پر 170px مواد کو چھپائیں گے۔

اس کے آس پاس کوئی راستہ نہیں ہے کیونکہ یہ پہلے سے طے شدہ براؤزر کا سلوک ہے۔ واحد حل ایک جوابی ترتیب یا غیر مقررہ عنصر کا استعمال ہے۔

غیر ذمہ دار گرڈ سسٹم

ایک تہائی
ایک تہائی
ایک تہائی