Responsive Web DesignImage adaptatives
Redimensionner dynamiquement une image
Les images ayant un besoin de flexibilité sont redimensionnées en unité relative, afin de prévenir un éventuel débordement du contenu en dehors de son élément conteneur.
Il est possible de redimensionner des images via CSS :
Il est possible de redimensionner des images via CSS :
img {
max-width:100%; // largeur en pourcentage
height:auto; // hauteur en auto pour garder le ratio
}
max-width:100%; // largeur en pourcentage
height:auto; // hauteur en auto pour garder le ratio
}
Pour aller plus loin...
- Tassedecafe.org
- Test responsive chez Mattkersley.com (à tester avec le site de l'Elysée ou avec celui de Fredjay)
