الرد ورد شبيبة استضافة

كان لي جحيم وقت قضاء فترة ما بعد الظهر في محاولة للحصول على بلدي العرف وورد موضوع (الذي يستند الخروج من إطار عار ممتاز) لعرض بشكل صحيح في IE8 وتحت باستخدام Respond.js. لكنني في النهاية حصلت على العمل وعلى الرغم من أنني كنت مشاركة.

استفسارات وسائل الإعلام وRespond.js

قضيت الأشهر القليلة الماضية بناء أول موقعي استجابة باستخدام استفسارات وسائل الإعلام CSS ونهج المحمول والعشرين. بعد إنشاء ثلاث وجهات نظر بأنني راض، واسمحوا لي أسفل مرة أخرى عن طريق IE، وتعلم أن IE8 وأدناه لا يمكن تفسير استفسارات وسائل الإعلام. بحث سريع دفعتني إلى Respond.js. ملف جافا سكريبت الصغيرة التي تمكن الدعم الاستعلام وسائل الإعلام في IE8 من إعادة تفسير الأنماط بعد أن تم تحميله إلى تنسيق IE8 يمكن أن نفهم. راد!

لذلك، وأنا أدرج تحت ملف CSS بلدي وفقا للتعليمات:

من السهل بما فيه الكفاية. استرجعت المثال IE8 بلدي على Browserstack. و.

ركضت بلدي HTML و CSS من خلال المصادقة. الذي لم يعط أدلة إلى ما كانت هذه القضية.

قراءة خلال قائمة القضايا في الريبو جيثب جعل عدد قليل من الأشياء أكثر وضوحا:

• ملفات CSS لا يمكن قراءة ما إذا كانت مدرجة باستخدامimport أو هي الأنماط المضمنة. لا تفعل ذلك. استخدام معيار لتشمل CSS الخاص بك، أو الأفضل من ذلك، تسمح ورد لتشمل CSS بالطريقة الصحيحة باستخدام wp_register_style ()؛
• وينبغي أن تتضمن CSS تعليقات أي شيء لإرباك المساعد Respond.js. وهذا يعني إزالة أي الأقواس المعقوفة، ويذكر منmedia أو أي حرف مشكوك الأخرى التي يمكن أن تتداخل مع طريقة عمل Respond.js.
• استفسارات وسائل الإعلام الخاصة بك ينبغي أن تكون مكتوبة ومهيأ مع تباعد الصحيح، وهذا يعني وجود مسافات إضافية قبل أو بعد دقيقة العرض أو تعريفات ماكس ذات العرض، ومسافة واحدة بعد الحرف القولون.

ومع ذلك، وبعد استعراض هذه القضايا، لا شيء. على استعداد للتخلي عن وتحطيم جهاز الكمبيوتر الخاص بي، وشرب البيرة. حتى.

تذكرت! IE8 لا يدعم أصلا كل عناصر HTML5، التي موضوعي تستخدم بشكل كبير. لحسن الحظ، هناك المساعد جافا سكريبت أنيق آخر يسمى html5shiv.js الذي يعطي IE8 ركلة جيدة في السراويل ويسمح للاستخدام من معظم العناصر الآن شيوعا HTML5 (رأس، المادة الخ)

I شملت html5shiv.js وفقا للتعليمات في ملف header.php على موضوعي و:

تحديث الصفحة، و.

ومع ذلك، قد تلاحظ بعض التناقضات في ما كنت تتوقع للظهور، ولكن هذا مجرد ترميز لIE8 ingeneral وأرفض الحديث عن ذلك هنا

1.) تأكد من أنك enqueuing respond.min.js بعد ملف CSS الخاص بك أو استخدام البرنامج المساعد Respond.js ورد.

2.) إذا تم كتابة التعليمات البرمجية موضوع الخاص بك في HTML5، تأكد من إدراج بقائمة الانتظار أيضا html5shiv.js

3.) إذا CSS الخاص بك يستخدمimport أو يتم ترميز مضمنة، Respond.js لا يمكن قراءتها. تشمل CSS باستخدام نموذجي وينبغي أن يكون الوصول إليها على ما يرام.

3.) تأكد من تنسيق استفسارات وسائل الإعلام بشكل صحيح، مع عدم وجود أقواس مزدوجة متداخلة:

4.) تشغيل CSS وHTML من خلال المصادقة ومعرفة ما اذا كان يقودك إلى أي مشاكل محتملة.

5.) شرب البيرة، انتقل عناق الكلب الخاص بك، أو اتصل صديق قديم. أشعر بشعور سيء.

I # X27؛ م مطور الكامل كومة التي بدأت عملي الخاص ونما إلى مستوى مستدام على مدى السنوات القليلة الماضية. I # X27؛ م سعداء لتشاركونني التقنيات، والنتائج، والفشل، والنجاحات، والأفكار معك.

الرجاء تمكين جافا سكريبت لعرض التعليقات مدعوم من هارد.

المنشور السابق. منع Fancybox من القفز إلى أعلى صفحة الموضوع التالي. لماذا باي بال ومع ذلك المسائل

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

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

نريد المزيد من النصائح والأدوات مباشرة مرة واحدة في الأسبوع؟ الاشتراك في النشرة بلدي!

مقالات ذات صلة

القوى وورد 26.4٪ من جميع المواقع على شبكة الإنترنت. يجري حتى الشعبية، فإنه يجذب الكثير من الاهتمام. ليس كل هذا الاهتمام هو جيد. الاهتمام السلبي الذي يحصل ورد في كثير من الأحيان ...

وورد هي واحدة من منصات موقع على شبكة الإنترنت الأكثر شيوعا. في حين انها شعبية للغاية، وهناك بعض القضايا المشتركة التي يمكن اصلاحها في غضون دقائق. عند استكشاف مشكلات ...

وصف ورد يجعل من استخدام نسخة معدلة من المكتبة ThickBox مسج أنشئت أصلا من قبل كودي يندلي. ThickBox سلطات يغتبوإكسس الوسائط المستخدمة في الادارة وورد ...

وهناك الكثير من الحديث يتحول بعيدا عن المواقع التقليدية وبلوق التعليقات على وسائل الاعلام الاجتماعية. في كثير من الأحيان أثناء كتابة مقال، وأود أن أشير إلى مناقشة يحدث في الفيسبوك، ...

سوف جافا سكريبت العمل داخل وورد. إذا ما استخدمت في ملفات القالب. الأكثر جافا سكريبت سوف تعمل بشكل جيد. وفيما يلي بعض النصائح لجعل عمل جافا سكريبت الخاصة بك في ووردبريس. الجافا سكربت في قالب ...