Easy-Micro

TECHNIQUE Responsive Web Design
Image 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 :
img {
max-width:100%; // largeur en pourcentage

height:auto; // hauteur en auto pour garder le ratio
}

Pour aller plus loin...


< Page précédente RESPONSIVE WEB DESIGN Page suivante >