Images Google Maps déformées par Bootstrap : comment y remédier ?

Bootstrap CSS provoquant des problèmes avec les images Google Maps : une solution

Problème :

Développeurs qui utilisent Twitter Bootstrap subissent souvent des distorsions d'image, en particulier sur les marqueurs Google Maps, en raison de conflits CSS. La « largeur maximale : 100 % ; » La règle du CSS de Bootstrap a un impact sur le rendu des images de carte, faussant leur apparence.

Solution :

Pour résoudre ce problème, les utilisateurs peuvent remplacer le CSS de Bootstrap spécifiquement pour les images de carte. . En ajoutant le code suivant à leur page :

#mapCanvas img {
  max-width: none;
}

ils peuvent effectivement exclure les images de carte des effets du CSS de Bootstrap.

Cette solution cible efficacement les images de carte en les associant à l'ID de l'élément "#mapCanvas." En définissant leur propriété "max-width" sur "none", le CSS Bootstrap est remplacé, rétablissant l'apparence non déformée des images de carte.

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!