Un utilisateur a demandé 👇
Je teste mes commandes de requête multimédia sur un site Web fonctionnant sous WordPress 5.3.2.
Les lignes suivantes sont sur la page précédente 1.
deux.
3.
Quatre.
5.
Afficher si écran étroit
6.
afficher si écran large
Mon thème enfant comprend les éléments suivants : @media display and (max-width : 800px) {.xx-display-if-sidebar {display : none}}
Écran @media et (largeur minimale : 801px) {.xx-display-if-no-sidebar {display : none}}
@half screen et (max-width : 1100px) {.xx-display-if-full-menu {display : none}}
Écran @media et (largeur minimale : 1101px) {.xx-display-if-hamburger-menu {display : none}}
Écran @media et (max-width : 650px) {.xx-display-if-wide-screen {display : none}}
Écran @media et (min-width : 651px) {.xx-display-if-narrow-screen {display : none}}
Je m’attends donc à ce que les lignes ci-dessus apparaissent comme suit : Plein écran (1200px) : 1,4,6 1100px (menu hamburger) : 1,3,6 800px (pas de barres latérales) : 2,3,6650 px : 2,3, 5
Cela fonctionne comme prévu dans Firefox et IE mais, dans Chrome, les lignes 3, 4, 5, 6 sont toujours affichées. Bien que Chrome (et FF Internet et Samsung) fonctionne bien sur mon téléphone.
Des idées?
Andy
(@bcworkz)
il y a 9 mois, 3 semaines
Chrome est une colle pour la syntaxe et les autres sont plus petits. tu dois le finir ; pour chaque règle (après none dans ce cas):.xx-display-if-full-menu {display: none;}
(@andynz)
il y a 9 mois, 3 semaines
Merci beaucoup pour votre réponse rapide. J’ai fait le changement que vous avez suggéré et il semble avoir fait l’affaire.
Andy
Cela a-t-il résolu votre problème ?
Was this helpful?
0 / 0