Chrome - Media Queries

Question

Bonjour,

Je ne comprends pas pourquoi Chrome n'accepte pas le "media querie" de mon "footer" à la différence de Firefox qui lui les accepte..
Je précise que ceux-ci sont correctement géré pour la largeur de l’écran (changement de mise en page) mais pas pour la hauteur.

On peut s’apercevoir comparativement sur l'image que  le media querie est bien pris en charge mais seulement sur Firefox.
J'ai bien fait attention d'avoir les mêmes réglages (1600X90) et d'avoir un zoom à 100%.

@media (min-height: 900px) {
   .foot {
   height: 13vh;
   }
}

Voici ma balise meta :

J'ai beau chercher un peu partout sur le net mais aucune solution valable pour moi.

Merci beaucoup pour votre aide ;-)
Windows / Firefox 131.0

Bruno83200_6929 · Answer

Bonjour,

Dans certains navigateurs, notamment Chrome, l'unité vh(qui mesure la hauteur relative à la hauteur de la fenêtre du navigateur) peut être affectée par des différences dans la gestion de la viewport (vue du navigateur), en particulier lorsqu'il y a des barres de navigation ou des barres d'outils affichées, notamment sur les appareils mobiles ou lors du redimensionnement.

Essayez d'utiliser l'unité vminà la place de vh, qui prend la plus petite dimension du viewport (que ce soit la largeur ou la hauteur) et qui peut parfois mieux s'adapter aux cas où la hauteur de la fenêtre varie beaucoup :

@media (min-height: 900px) {
  .foot {
    height: 13vmin;
  }
}

Chrome - Media Queries

1 réponse

Votre réponse

Discussions similaires