Balise IMG avec fihcier SVG et width:auto;height:auto;

WRInaute passionné
Bonjour,

J'ai un fonctionnement bizarre avec mes fichiers SVG :
par exemple j'ai le code :
Code:
<img src="monfichier.svg" width="100" height=120">

dans mon fichier CSS, à de fins de Response design, je code :
Code:
@media (max-width: 1080px) { img {max-width:100%;width:auto;height:auto;}  }

Normalement le auto est pris en compte pour toutes les images qui ont besoin d'etre redimensionné, donc qui ont leur largeur (ou la hauteur, mais plus rare) plus grande que la largeur de l'écran
Remarque : toutes mes images ont un width et un height définis dans le code HTML

mais avec les fichier SVG, alors que ceux-ci ont une largeur plus petite que celle de l'écran, il y a un effet de bord (ou est ce normal ? à vous de me le dire svp) ils ne s'affichent pas

PS : avant j'avais un fichier GIF à la place du SVG et ça fonctionnait très bien
 
WRInaute passionné
Puis il manque une guillemet dans l'exemple
merci de ne pas en tenir compte

cela fonctionne si je dimensionne le DIV (au meme dimension que l'IMG) conteneur de l'IMG, mais mon interrogation porte surtout sur la différence de traitement entre une image de typs gig,png,jpeg et de type SVP alors qu'elles ont la meme syntaxe HTML
 
Discussions similaires
Haut