Auto stretch immagini con css
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!
Ferre 21:48 on 12 febbraio 2010 Permalink |
Occhio però che in IE non esistono quelle proprietà (bisogna usare qualche escamotage per riportarlo anche su ie)…