L'image de la carte sur my site (en bas à droite) s'affiche différemment dans Chrome et Firefox. En Chrome, son ratio est préservé, mais le ratio est tordu dans Firefox.Redimensionnement des taux de ruptures d'images HTML
Comment puis-je appliquer une Redimensionner constante de l'image elle-même, entre navigateurs (essentiellement faire ce qui se passe maintenant pour Chrome)
Idéalement, vous ne devez pas autoriser le navigateur à redimensionner l'image. Différents navigateurs atteignent des niveaux de qualité variables qui ne se comparent jamais à ce que vous pouvez réaliser avec un éditeur d'images numériques dédié (Photoshop, Paint.NET, etc.). Il est préférable de le redimensionner aux dimensions souhaitées avant de publier, puis de définir explicitement la hauteur et la largeur réelles en pixels.
Vous avez les éléments suivants dans votre balise d'image:
width="100%" height="40%"
Essayez de n'en spécifier qu'un seul (je suggère la largeur) pour maintenir le rapport d'aspect, sinon l'image sera étirée ou écrasée d'une façon ou d'une autre pour s'adapter à ces dimensions sur les navigateurs moins réfléchis.
J'ai commencé avec un seul d'entre eux, mais l'autre dimension n'a pas changé. Je voudrais réduire l'image entière, mais je pense que je vais aller avec la réponse de Troy. – ripper234