Image qui s'adapte à la taille de l'écran [Fermé]

Signaler
-
Messages postés
1787
Date d'inscription
mardi 8 novembre 2011
Statut
Membre
Dernière intervention
14 mars 2020
-
Bonjour !
Je souhaite que ma page web s'adapte en fonction de la taille de l'écran.
J'ai bien compris qu'il fallait définir la taille de la page en pourcentage et cela fonctionne bien.
Mon souci c'est que l'image que j'insère dans cette page ne s'adapte jamais selon la taille de l'écran.
Y-a t-il un moyen pour que cela fonctionne de la même façon pour une image ?
Merci d'avance pour vos réponses.
Lynda

2 réponses

Merci pour ta réponse !
Oui j'ai essayé mais ça déforme complètement l'image. Quand on met un pourcentage à l'image, elle s'adapte à son contenant. Donc si ma page et à 70% et que je mets le même pourcentage à l'image, elle sera à 70% de son contenant.
J'sais pas si j'suis claire...
2
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 76687 internautes nous ont dit merci ce mois-ci

Messages postés
1787
Date d'inscription
mardi 8 novembre 2011
Statut
Membre
Dernière intervention
14 mars 2020
584
Mettez simplement
Width : 100% auto;

Le auto recalcule automatique sa hauteur
Messages postés
80
Date d'inscription
mardi 15 mars 2011
Statut
Membre
Dernière intervention
27 mars 2015

Merci pour ta réponse ! de quel width parles-tu ?
Messages postés
1787
Date d'inscription
mardi 8 novembre 2011
Statut
Membre
Dernière intervention
14 mars 2020
584
Fait une feuille de style css ou une classe pour attribuer à l'image.
Largeur 100 %
Hauteur auto
Messages postés
1787
Date d'inscription
mardi 8 novembre 2011
Statut
Membre
Dernière intervention
14 mars 2020
584
Fait tard, je vous donnerai des exemples demain.
Messages postés
1787
Date d'inscription
mardi 8 novembre 2011
Statut
Membre
Dernière intervention
14 mars 2020
584
voici le code pour une image qui se justifie sur la largeur :
.images {
height: auto;
width: 100%;
}

et celui ci pour une image de fond :
.fond {
background-image: url(ton-image.jpeg);
background-repeat: no-repeat;
background-size: 100% auto;
}

Salut, as tu essayai aussi le taille de l'image en pourcentage ?