Corsi on-line

iPhone: ridimensionamento automatico delle immagini con CSS

In questo breve post vedremo come sia possibile determinare il ridimensionamento automatico delle immagini durante la navigazione su una pagina Web tramite lo smartphone della Casa di Cupertino; iPhone mette a disposizione delle dimensioni massime pari a “320*480 px” che non permettono di godere dello stesso spazio di visualizzazione messo a disposizione dai comuni monitor per i Pc.

Per il ridimensionamento automatico delle immagini sarà sufficiente agire sull’attributo media di CSS nel modo seguente:

@media screen and (max-device-width: 480px){
    img{
        max-width:100%;
        height:auto;
    }
}

In questo modo la larghezza delle immagini non sarà mai superiore al 100% del 480 px di larghezza messi a disposizione dal display del dispositivo.

Post correlati
I più letti del mese
Tematiche