ترتيب تنسيقات الشاشات في css باستخدام media

لا يهم الترتيب كثيرا لأن كل شاشة سوف تأخد تنسيقاتها بغض النظر عن تنسيقات الشاشات الاخرى, فلو كان الجهاز جوال لن يتم الاخذ بتنسيقات الشاشات التي عرضها اكبر من عرض الجوال , هل فهمت الفكرة؟ ولكن يمكنك اتباع ترتيب الشاشات الاعلى عرضا ثم الاقل فالأقل , دائما يجب وضع اكواد media في نهاية ملف css لكي لا يصبح تعارض بين تنسيقات media والتنسيقات الطبيعية

بتاريخ الآن قال Ro Ma:

لكن عند العمل على ترتيب الشاشة من الاقل الى الاكثر فان التسيقات لا تعمل ولكن العكس من الاكثر الى الاقل يعمل 

يعتمد الامر على قياس العرض الذي تضعه للشاشات, حاول أن تكون القياسات محددة اكثر , مثل 

@media (max-width: 992px) and (min-width: 768px) {
    .test {
        padding: 0;
    }

   
}

لاحظ تم استخدام خاصية اقصى عرض واقل عرض لكي لا تتعارض التنسيقات مع بعضها

بتاريخ 3 دقائق مضت قال محمد أبو عواد:

لا يهم الترتيب كثيرا لأن كل شاشة سوف تأخد تنسيقاتها بغض النظر عن تنسيقات الشاشات الاخرى, فلو كان الجهاز جوال لن يتم الاخذ بتنسيقات الشاشات التي عرضها اكبر من عرض الجوال , هل فهمت الفكرة؟ ولكن يمكنك اتباع ترتيب الشاشات الاعلى عرضا ثم الاقل فالأقل , دائما يجب وضع اكواد media في نهاية ملف css لكي لا يصبح تعارض بين تنسيقات media والتنسيقات الطبيعية

لكن عند العمل على ترتيب الشاشة من الاقل الى الاكثر فان التسيقات لا تعمل ولكن العكس من الاكثر الى الاقل يعمل