Maison >interface Web >tutoriel CSS >Pourquoi les requêtes multimédias se comportent-elles mal dans Firefox avec les barres de défilement et comment mqGenie peut-il vous aider ?
Résoudre l'anomalie des requêtes multimédias CSS dans Firefox avec des barres de défilement à l'aide de mqGenie
Les requêtes multimédias sont cruciales pour créer des conceptions Web réactives qui s'adaptent à différentes tailles d'écran . Cependant, les utilisateurs ont rencontré des problèmes avec les requêtes multimédias CSS dans Firefox en particulier.
Lorsqu'ils traitent des éléments provoquant des barres de défilement, les utilisateurs de Firefox ont signalé que les requêtes multimédias peuvent ne pas se comporter comme prévu. Si vous réduisez la fenêtre du navigateur dans Firefox à environ 800 pixels, deux div peuvent s'effondrer au lieu d'afficher une barre de défilement. Ce problème ne se produit pas dans Chrome.
Pour résoudre cette anomalie, une solution simple a émergé : utiliser la bibliothèque JavaScript "mqGenie". En incluant le script mqGenie dans l'en-tête HTML de votre projet, vous pouvez garantir que les largeurs de requête multimédia fonctionnent de manière cohérente dans tous les navigateurs (y compris Firefox, Chrome, Safari et IE), quelle que soit la présence ou l'absence de barres de défilement.
mqGenie est conçu pour ajuster les requêtes multimédias CSS dans les navigateurs qui incluent la largeur de la barre de défilement dans la largeur de la fenêtre d'affichage, leur permettant de se déclencher à la taille prévue. Cela résout le problème de la barre de défilement de Firefox, permettant aux requêtes multimédias de fonctionner comme prévu dans tous les principaux navigateurs.
Pour obtenir la bibliothèque mqGenie, visitez simplement :
http://stowball.github.io/ mqGenie/
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!