تنسيق المشروع مع جميع الشاشات

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

• المراجع

استعلامات الوسائط (Media Queries) في CSS

دروس أكاديمة حسوب خاصة ببوتستراب

الموقع الرسمي للبوتستراب Bootstrap

• كما يمكنك الاطلاع على السؤال التالي:

يمكنك إستخدام flex box لعمل الـ layout الرئيسية والحافظات containers التي تعلب صفحة ما, حيث تمكنك خصائص flex من جعل الصفحات تستجيب بشكل تلقائي على أحجام شاشات مختلفة بأقل جهد ويمكنك الإطلاع أكثر هنا.

هذا بشكل عام ولكن ربما تحتاج إستعمال media queries لتغيير أحجام الخطوط ومسافات البعد بين أطار عنصر وأخر margins طبقاً للتصميم المطلوب ودرجة تعقيده. كلما زادت تفاصيل التصميم كلما أحتجت المزيد من التحكم ويمكنك ذلك بإستخدام media@.