صفحة Bootstrap البسيطة لا تستجيب على iPhone

Question

لقد قمت بتنزيل مثال Twitter Bootstrap وأنشأت مشروعًا بسيطًا للسكك الحديدية باستخدامه.لقد قمت بنسخ ملف css عند الحاجة ويتم عرضه جيدًا.لقد قمت أيضًا بنسخ js وكل شيء يعمل بشكل رائع على سطح المكتب: فهو يعيد تنظيم الصفحة عندما أقوم بتغيير حجم المتصفح.عند استخدام بعض "أدوات اختبار التصميم سريع الاستجابة" ذات الأحجام المختلفة ، فإنها تعمل بشكل رائع.

المشكلة التي أواجهها موجودة على جهاز iPhone الخاص بي: فهي تظهر تمامًا مثل سطح المكتب.

عندما أجرب صفحة مثال Bootstrap Hero (وهي الصفحة التي بدأت منها) ، فإنها تعمل بشكل رائع على جهاز iPhone الخاص بي.

ما الخطأ الذي يمكن أن يحدث؟لم أتطرق إلى حد كبير إلى أي CSS ، لقد أضفت للتو حشوة في التذييل.

لمعلوماتك ، فإن CSS التي قمت بتغييرها هي أنني أربط تطبيقي برمز علامة كود إنشاء بالمحتوى التالي: Genacodicetagpre

Answer 1

تأكد من إضافة: Genacodicetagpre

إلى رمز الترميز العام الخاص بك.

كانت لدي مشكلة مماثلة وظننت خطأ أنها كانت مجرد مسألة عرض منفذ العرض.

تحديث : تحقق من إجابةNicolasBADIA للحصول على نسخة كاملة.

Answer 2

لا يعمل الرمز الذي يقترحه frntk عند تشغيل الجهاز في العرض الأفقي ، والحل الذي قدمته Virtualeyes غير صحيح لأنه يستخدم الفاصلة المنقوطة بدلاً من الفواصل.هذا هو الكود الصحيح: Genacodicetagpre

المصدر: https://developer.mozilla.org/en/Mobile/Viewport_meta_tag

Answer 3

ممنوح ، حافظة صغيرة للغاية ، لكن تستحق الذكر

إذا كنت تستخدم إعادة توجيه النطاق عبر مزود DNS الخاص بك ، فقد ينتهي الأمر بموقعك في إطار iframe.GoDaddy ، على سبيل المثال ، استخدم هذه التقنية إذا كنت تخفي نطاقك وإعادة التوجيه.

Answer 4

لقد علقت في حل هذه المشكلة لعدة ساعات.

لا تنس أيضًا أن تضع المحتوى داخل رمز ترميز عام