لا Hستطيع عمل Media query في CSS

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

ولذلك اقترح اعادة هيكلة الموقع من الصفر واخذ التجاوبية مع مختلف الشاشات في الحسبان.

وبالطبع فإن هذا لا يمنع من وجود بعض القواعد والخطوات التي يمكن السير وفقها لضبط تجاوبية الموقع مع مختلف الشاشات: 

• حدد نوع الحاويات التي توجد لديك وابدأ في ذلك من الحاويات الآباء نحو الأبناء.
• تأكد من إضافة وسم meta الذي يعطي الموقع عرضا مساويا لعرض الشاشة التي يتم عرضه من عليه.
• قم بتحديد كامل مجموعات نقاط التوقف break points لمختلف الشاشات التي لديك.
• قم باستعمال محددات عناصر سليلة descendant combinator بدل استعمال محددات عادية لضمان أنك تقوم بتحديد العنصر المراد بالضبط، وبدون أن يتداخل مع أي عنصر آخر. 

تعرف على محددات العناصر السليلة.