Maison >interface Web >tutoriel CSS >Pourquoi les requêtes multimédias se comportent-elles mal avec les barres de défilement dans Firefox ?

Pourquoi les requêtes multimédias se comportent-elles mal avec les barres de défilement dans Firefox ?

Barbara Streisand
Barbara Streisandoriginal
2024-10-29 13:35:29264parcourir

Why are Media Queries Misbehaving with Scrollbars in Firefox?

Problème de requête multimédia avec les barres de défilement dans Firefox

Vous êtes confronté à un problème où les requêtes multimédia dans Firefox ne se comportent pas comme prévu lorsqu'elles rencontrent des barres de défilement . Ce problème ne se produit pas dans Chrome.

Pour reproduire le problème, reportez-vous au violon fourni : http://jsfiddle.net/RMvqC/2/

Solution

Ce problème peut être résolu en incorporant la bibliothèque JavaScript mqGenie dans le fichier section.

mqGenie est une bibliothèque JavaScript qui ajuste les requêtes multimédias CSS dans les navigateurs qui intègrent la largeur de la barre de défilement dans la largeur de la fenêtre d'affichage. Cela garantit que les requêtes multimédias sont déclenchées à la taille prévue.

Pour implémenter mqGenie :

  1. Visitez http://stowball.github.io/mqGenie/ pour télécharger la bibliothèque.
  2. Incluez le script mqgenie.min.js dans le fichier de votre document HTML.

Après l'intégration de mqGenie, les requêtes multimédias fonctionneront de manière cohérente dans tous les navigateurs, notamment Chrome, Safari, Firefox et IE, quelle que soit la présence ou l'absence de barres de défilement.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn