Ridimensionamento automatico delle immagini in HTML5 CSS3 per iPad

Question

Sto costruendo un'app personalizzata per l'iPad e posso utilizzare il codice specifico del webkit. Ho difficoltà con il ridimensionamento dinamico delle immagini per adattarsi a uno specifico contenitore div. C'è il codice per fare questo? È anche il codice per ritirare un'immagine con una maschera se l'immagine è verticale o orizzontale?

Answer 1

Il modo più semplice per ridimensionare automaticamente un'immagine con un semplice CSS:

img { 
    max-width: 100%; 
} 

No CSS3 o HTML 5 magia necessaria. Ecco un post sul blog con ulteriori informazioni e alcuni JavaScript che migliorano il ridimensionamento in IE: http://unstoppablerobotninja.com/entry/fluid-images/