لدى مشكلة فى Media Query

تفضل

@media screen and (max-width: 700px) {

div{width:100%

}

}

دا كود css

يوجد العديد من الأخطاء التي يمكن لها أن تسبب هذه المشكلة منها

1. تأكد من كتابة الوسم meta الخاص بال viewport

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

3. تأكد من كتابة نفس التنسيق للعنصر في الميديا وخارجها حيث يمكن أنك كتبت التنسيق width ثم بداخل الميديا max-width حيث يجب أن تكون التنسيقات واحدة حتى يتم عمل override لها