Quel navigateur charge l'affichage mobile correct ?

Soutien
6

J’ai réussi à l’afficher en vue mobile sur Chrome, mais je n’arrive toujours pas à l’afficher en mobile sur Firefox, Edge ou Brave.

Ai-je besoin de points de rupture (Viewport break points) dans tout mon code mobile ? Dois-je le placer dans la section Mobile ? La plupart de mes CSS mobiles ne sont que des changements de couleur, des icônes d’en-tête et la largeur de la barre latérale, des tailles d’emoji/police. Il ne semble donc pas que j’aie besoin de paramètres d’affichage spécifiques.

image
image642×369 13.5 KB

J’ai réussi à corriger le code dont j’avais besoin :

/* ==========================================================================\n   MENU DÉROULANT MOBILE - ÉTAT ACTIF\n   ========================================================================== */

/* 1. Forcer le texte du lien actif en noir */
.d-modal__body .dropdown-menu li.active a,
.d-modal__body .dropdown-menu li.active {
    color: #000000 !important;
}

/* 2. Retour tactile spécifique (Standard Discourse) */
html.discourse-touch {
    /* Rendre le texte noir pendant que le doigt appuie */
    .d-modal__body .dropdown-menu li a:active {
        color: #000000 !important;
    }

}

/* 3. Assurer que les autres éléments de navigation suivent la règle */
.dropdown-menu li a {
    transition: color 0.1s ease;
}