Bonjour,
J'ai un fonctionnement bizarre avec mes fichiers SVG :
par exemple j'ai le code :
dans mon fichier CSS, à de fins de Response design, je code :
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
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