تحية طيبة
ارغب في إنشاء موقع يعمل على جميع متصفحات الويب بدون استثناء وبدون أخطاء وبدقة عالية
فما المطلوب لتحقيق ذلك
نصيحتي؟ استخدم * { Box-sizing: Border-box }
http://www.paulirish.com/20...
لماذا؟ المشكلة الأساسية في توافقية المتصفحات هي أن ie يختلف عن الباقي في طريقة قياس الأبعاد.
هذا السطر سيجعلها جميعها متشابهة في طريقة التعامل مع القياسات.
أيضاً استخدم less أو sass و قم بعمل دوال تقوم بإضافة البادئة في السي إس إس.
مثلاً: .transition تصبح:
-webkit-transition
-moz-transition
-ms-transition
transition
و بالتالي لن تقلق عن نسيان أي بادئة.
و في النهاية، استخدم normalize.css
لكن الأخ يتكلم عن شيء آخر تماما، هو يتكلم عن جعل العمل متوافق مع جميع المتصفحات
وأنت تتكلم عن إضافة 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 لتفقد دعم المتصفحات للخواص
هلاء يلي فهمته إنو IE8 واقل ما بيدعم ميزات HTML5 ولذلك لازم نظمن HTML5 Shiv وبالأخص ملف js/html5shiv.js بالكود
وطلع معي http://html5please.com بحل هالمشكلة
بس هلاء مو عارف شو بدي اعمل يعني إذا ضمنت html5shiv.js بمشروعي بتخلص من مشكلة توافق المتصفحات
ولا عندكن خطوات ثانية عم تستعملوها
صراحة أنا مع الوقت مللت من مسألة دعم المتصفحات هذه
نحن في 2014، أيّ شخص يتصفح الموقع بمتصفح أقل من ie 9 لا يفترض به أن يكون هناك
صدقا، من لازال يملك ie 6 & ie 7 نحن في 2014
أنا أتفق معك و لا أدعم الإصدارات القديمة من هذه المتصفحات، و لكن هذا الأمر يرجع إلى الفئة المستهدفة من موقعك. على كل حال فإذا أردت استخدام عناصر html5 في إنترنت إكسبلورر يجب عليك وضع كود html5shim قبل أي ملف سي إس إس و ستعمل وسوم html5 بشكل طبيعي.
التعليقات