dic 26 2009

Auto stretch immagini con css

Tag: , , , , , , Denny @ 17:20

Qualche giorno fa ho avuto la necessità di visualizzare un’immagine a schermo in una determionata area, mantenendo le proporzioni dell’immagine e impostando le dimensioni massime visualizzabili..

Mi sono chiesto: “esisterà un modo per farlo con i fogli di stile?” La risposta è: “si, esiste!”. Ecco come ho fatto:

max-width: 300px;
max-height: 200px;

Inserendo questo stile nell’oggetto immagine, quando verrà caricata rispetterà queste dimensioni massime e manterrà le proporzioni, senza ridimensionarla in modi strani..yeah!