تمكنت من جعله يعرض عرض الهاتف المحمول على 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```