Chrome - Media Queries
Résoluvalttt Messages postés 299 Date d'inscription Statut Membre Dernière intervention -
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 :
<meta name="viewport" content="width=device-width, initial-scale=1">
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
- Chrome - Media Queries
- Windows media player - Télécharger - Lecture
- Mise a jour chrome - Accueil - Applications & Logiciels
- Media creation tool - Télécharger - Systèmes d'exploitation
- Google chrome - Télécharger - Navigateurs
- Ps3 media server - Télécharger - Divers Réseau & Wi-Fi
2 réponses
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;
}
}