لماذا نستخدم Modernizr إذا كانت المتصفحات تتجاهل CSS ولا تفهمها؟

Question

لقد كنت أعمل مع موديرنيزر وهو مورد رائع، مجرد مشروع عظيم.لكن الطريقة التي أستخدمها هي:

• التصميم باستخدام خط الأساس (IE) CSS
• تعزيز مع تأثيرات CSS3 للمتصفحات المتقدمة

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

هل يجب أن أستخدم الطريقة المذكورة أعلاه في الحالة النموذجية، وModernizr في الحالات المتقدمة؟أم أن هناك خطأ في الاعتماد على المتصفحات في تجاهل ما لا تفهمه؟

Answer 1

يمكنك استخدام عناصر (html 5) التي لا تدعمها بعض المتصفحات حتى الآن.كما يمكنك تحديد التصميم الاحتياطي.

تقوم الكثير من المتصفحات بإنشاء قواعد CSS الخاصة بها لأشياء مثل تحويل النص.مع Modernizr، يمكنك كتابة قاعدة واحدة وسيقوم Modernizr بتنفيذ ذلك لمتصفحات متعددة.

أعتقد أنها مجرد راحة.

Answer 2

أنت على حق تمامًا في أن المتصفحات القديمة تتجاهل تمامًا الكثير مما يوجد في CSS3.

ولهذا السبب، أقوم بإنشاء ملف css3 الخاص بي في محدداتي الأساسية.ولكن غالبًا ما تستفيد من الفئات التي لا تحتوي على ميزات في التحديث للتعامل مع حالة المتصفح الأقدم:

div.box { 
         height:50px; 
         -moz-box-shadow: 3px 3px 5px #555; 
         -webkit-box-shadow: 3px 3px 5px #555; }

div.box span.fakeshadow { 
         display:none; 
}

.no-boxshadow div.box span.fakeshadow { 
         display:block; background: url('fakeshadowbg.png'); 
}

وآمل أن يجعل الأمر أكثر وضوحا.