1486 sujets

Web Mobile et responsive web design

Comment adapter la taille d'une image sur mobile

Bonjour, étant en train de creer mon site responsive j'aimerai savoir comment faire pour qu'une image soit redimensionnée afin qu'on puisse voir son contenu correctement?
ci joint, l'image de mon header ne montre pas du tout le produit que je voudrais visible sur la version mobile...
J'espère que quelqu'un a une solution..
Malheureusement je ne vois pas la capture d’écran (?) jointe...
En tout état de cause il est facile de redimensionner une image en lui appliquant les propriétés C.S.S. max-width et max-height, avec des valeurs exprimées en pourcentages ou en vw et vh, et avec width: auto; height: auto; pour que l’image garde ses proportions.
Bonjour,

Pour compléter ce qui a été dit plus haut, vous avez plusieurs solutions. Je vous laisse lire les articles associés à ce que vous souhaitez faire.
https://www.alsacreations.com/article/lire/1621-responsive-images-srcset.html
https://www.alsacreations.com/article/lire/1669-Images-responsive-et-attribut-sizes-amstramgram-pic.html
Les medias-queries sont parfois une bonne option également pour adapter les visuels et la structure du site selon la résolution de l'écran (ordinateur, tablette, mobile...)
https://www.alsacreations.com/article/lire/930-css3-media-queries.html
Modifié par MathildeG (30 Aug 2019 - 14:32)
Sujet clos
Aller à