Automatyczne zmienianie rozmiaru obrazów w HTML5 CSS3 na iPadzie

Question

Buduję niestandardową aplikację na iPada i mogę używać specyficznego kodu webkita. Mam trudności z dynamiczną zmianą rozmiaru obrazów, aby zmieścić się w określonym pojemniku div. Czy istnieje kod, aby to zrobić? Również jest kod do ponownego przycinania obrazu z maską, jeśli obraz jest portret lub krajobraz?

Answer 1

Najprostszym sposobem, aby automatycznie zmienić rozmiar obrazu z prostych CSS:

img { 
    max-width: 100%; 
} 

Nie CSS3 i HTML 5 magia wymagane. Oto post na blogu z dodatkowymi informacjami i trochę kodu JavaScript, który poprawia skalowanie w IE: http://unstoppablerobotninja.com/entry/fluid-images/