ما هي التغييرات

لاحظ عدم وجود الـ <meta name="viewport" content="width=device-width, initial-scale=1">، الذي يعطل جانب التكبير للمواقع في أجهزة الجوال. بالإضافة إلى ذلك ، قمنا بإعادة تعيين عرض الحاوية الخاصة بنا وقمنا بتغيير شريط التنقل لمنع الانهيار ، ومن الجيد بشكل أساسي البدء.

بخصوص نافبار

كرؤساء ، يعد مكون navbar صعبًا إلى حد ما هنا لأن أنماط عرضه محددة ومفصلة إلى حد ما. التجاوزات للتأكد من أن عرض أنماط سطح المكتب ليس بأداء أو أملس كما يود المرء. فقط كن على علم بأنه قد يكون هناك مشاكل محتملة أثناء البناء فوق هذا المثال عند استخدام شريط التنقل.

المتصفحات والتمرير والعناصر الثابتة

تبرز التخطيطات غير المستجيبة عيبًا رئيسيًا في العناصر الثابتة. لن يكون أي مكون ثابت ، مثل شريط التنقل الثابت ، قابلاً للتمرير عندما يصبح إطار العرض أضيق من محتوى الصفحة. بمعنى آخر ، نظرًا لعرض الحاوية غير المستجيب البالغ 970 بكسل وإطار العرض 800 بكسل ، فمن المحتمل أن تخفي 170 بكسل من المحتوى.

لا توجد طريقة للتغلب على هذا لأنه سلوك المتصفح الافتراضي. الحل الوحيد هو تخطيط سريع الاستجابة أو استخدام عنصر غير ثابت.

نظام الشبكة غير المستجيب