كيف يمكن إنشاء صفحة أو موقع متوافق مع جميع المستعرضات

لكن الأخ يتكلم عن شيء آخر تماما، هو يتكلم عن جعل العمل متوافق مع جميع المتصفحات

وأنت تتكلم عن إضافة Border-box والتي تجعل border و padding داخل نطاق العنصر يعني لو العنصر بعرض وطول 100 بكسل، وأضفت له padding ب 20

بالعرض والطول سيبقى 100 ولن يصبح 120

وللعلم، هذا الشيء ليس لie فحسب، بل لكامل المتصفحات انطلاقا من فايرفوكس إلى كروم إلى أوبرا لذا يفضل إضافة

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

وأيضا اضافة normalize.css سيكون شيئا مفيدا

لا تنسى تفقد موقع caniuse.com لتفقد دعم المتصفحات للخواص