CSS: Scalare immagine mantenendo proporzioni
Come mantenere proporzione immagini quando si ridimensionano dinamicamente in CSS con max-width
Spesso alle immagini è conveniente aggiungere l'attributo CSS "max-width: 100%" per fare in modo che venga ridimensionata dinamicamente laddove l'area in cui è contenuta (es. un "div") è più piccola dell'immagine stessa. Tuttavia con il solo max-width l'immagine non mantiene le proporzioni ma viene schiacciata, per risolvere bisogna aggiungere un'altra regola come segue:
img {
max-width:100%;
height:auto;
}
In questo modo quando l'immagine viene ridimensionata mantiene le sue proporzioni.
