Sto creando un sito responsive e quindi, per fare in modo che le immagini si adattino alla risoluzione dello schermo, sto usando width:100% .
Funziona su tutti i browser tranne che su safari .. anzi funziona male, perchè invece di adattare l immagine in proporzione, la aumenta solo in larghezza col risultato che le immagini risultano schiacciate se simulo un telefono in visione landscape e troppo allungate se lo simulo in portrait.
Come posso risolvere ?
Ovvio che le immagini si deformano se usi solo la larghezza devi dare la dimensione anchw all'altezza.
width 100%
height auto
Se il codice non ha errori ne conflitti deve funzionare su Safari come su gli altri
“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
Proprio per questo ho settato l altezza a height:100% ma la situazione non é cambiata.
Ho sempre lo stesso problema ... allargando o rimpicciolendo la finestra del browser, l immagine si allarga o restringe solo in larghezza.
Se metti larghezza e altezza entrambi a 100% si deforma, uno deve essere a 100% l'altro a auto
“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
Grazie mille ...ho risolto))
Permessi di invio
Rispondi quotando