Salve, ho un necessità di adattare un foto ad un div dove il width è 100% mentre l'altezza 185px;
Le dimensioni delle foto sono sempre diverse, io vorrei che la foto riempisse sempre il div, ma senza per distorcere la foto. Avete qualche consiglio?
Io ho provato con width: 100%; heigth: auto; ma in questo modo si adatta solo in larghezza e non in altezza...
Se ho capito bene l'immagine è proprio un tag <img> giusto?
Quello che chiedi tu tramite CSS è possibile farlo se l'immagine è posta come sfondo del div, a quel punto puoi usare background-size: cover
Work hard. Code harder.
Si ma se non si mantiene le proporzioni inevitabilmente le foto si distorcono
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Sempre se usi il tag <img> ...Io ho provato con width: 100%; heigth: auto; ma in questo modo si adatta solo in larghezza e non in altezza...
Devi definire solo la larghezza, e non definire l'altezza: in tal caso l'immagine non viene distorta.
Poi dovrai anche definire la posizione verticale, ad esempio con
top:50%;
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Permessi di invio
Rispondi quotando