جربت Edge و Firefox و Brave و Chrome. لا يعرض أي منها عرض الهاتف المحمول الصحيح، أحاول تعديل قائمة منسدلة للهاتف المحمول ولكنها تعرض قائمة عرض سطح المكتب هذه.
على iPhone Safari الخاص بي، يعرض Chrome بشكل صحيح.
كانت الطريقة المعتادة هي إضافة ?mobile_view=1 إلى نهاية عنوان URL. يتجه Discourse نحو التصميم المتجاوب بناءً على حجم إطار العرض، لذا قد لا يستمر هذا التجاوز في العمل اعتمادًا على السمة.
إعجاب واحد (1)
هل تشير إلى إعداد الموقع الخاص بـ قائمة التنقل؟
إعجاب واحد (1)
أعتقد أنه تم إزالة هذا للأسف قبل بضعة أيام:
3 إعجابات
نعم، ?mobile_view=1 قديم ويعتبر مهملًا - تم تفعيل التصميم المتنقل الأحدث العام الماضي:
لست متأكدًا مما قمت به في منتدياتك الخاصة للتخصيصات، ولكن لا يمكنني إعادة إنتاج هذه المشكلة على أي مثيل أو جهاز. هل تحدث في الوضع الآمن؟
4 إعجابات
تمكنت من جعله يعرض عرض الهاتف المحمول على Chrome، ولا يزال غير قادر على جعله يعرض الهاتف المحمول على متصفحات Firefox أو Edge أو Brave.
هل أحتاج إلى نقاط توقف (Viewport break points) في كل شيفرة الهاتف المحمول الخاصة بي؟ هل أحتاج إلى وضعها في قسم الهاتف المحمول؟ معظم تنسيقات CSS الخاصة بالهاتف المحمول هي مجرد تغييرات في الألوان، وأيقونات الرأس، وعرض الشريط الجانبي، وأحجام الرموز التعبيرية/الخطوط. لذلك لا يبدو أنني بحاجة إلى أي إعدادات محددة لنقاط العرض.
لقد تمكنت من إصلاح الشيفرة التي أحتاجها:
/* ==========================================================================\n قائمة منسدلة للهاتف المحمول - الحالة النشطة\n ========================================================================== */\n\n/* 1. إجبار نص الرابط النشط على اللون الأسود */\n.d-modal__body .dropdown-menu li.active a,\n.d-modal__body .dropdown-menu li.active {\n color: #000000 !important;\n}\n\n/* 2. ملاحظات خاصة باللمس (معيار Discourse) */\nhtml.discourse-touch {\n /* تحويل النص إلى اللون الأسود أثناء الضغط بالإصبع */\n .d-modal__body .dropdown-menu li a:active {\n color: #000000 !important;\n }\n\n}\n\n/* 3. التأكد من أن عناصر التنقل الأخرى تتبع القاعدة */\n.dropdown-menu li a {\n transition: color 0.1s ease;\n}\n```