Автоматическое изменение размера изображений в HTML5 CSS3 для iPad

Question

Я создаю специальное приложение для iPad и могу использовать специальный код для webkit. У меня проблемы с динамическим изменением размеров изображений, чтобы они помещались в определенный контейнер div. Есть ли код для этого? Также есть ли код для перерисовки изображения с маской, если изображение портретное или альбомное?

Answer 1

Самый простой способ автоматически изменить размер изображения с помощью простого CSS:

img {
     max-width: 100%;
}

Не требуется магия CSS3 или HTML 5. Вот запись в блоге с дополнительной информацией и некоторым JavaScript, который улучшает масштабирование в IE: