Ответ 1
Вы пробовали высоту: auto и width: auto, а также используя max-height и max-width, это обычно приводит к тому, что IE обеспечивает правильное соотношение сторон.
Max-width и max-height для масштабирования изображений в Internet Explorer
Я создаю галерею, которая отображает несколько форматов изображений (широкий, квадратный и высокий) в фиксированном пространстве. Идеальное решение состояло бы в том, чтобы все изображения были одинаковыми размерами, но этого не может быть достигнуто.
Я использую комбинацию max-width и max-height, чтобы обеспечить правильное отображение изображений в ограниченном пространстве. Единственная проблема с этим - Internet Explorer, который отображает изображения с шириной и высотой max-width и max-height (из-за невозможности их понимания).
Я рассматривал различные решения этой проблемы, но пока не смог заставить их работать (пока). В галерее используются jQuery и Galleriffic, которые отлично работают, за исключением проблемы с максимальной шириной/максимальной высотой.
Любые предложения?
Изменить: Похоже, что проблема заключается в том, как Internet Explorer обрабатывает максимальную высоту и максимальную ширину с изображениями, так как они неправильно масштабируются.
Изменить 2: Я немного потрудился, и проблема с IE - это не max-width и max-height, которые работают (в том, что они уверены, что изображение не становится больше, чем он установлен), например:
max-width: 600px;
max-height: 600px;
убедитесь, что изображение не станет больше этих двух значений. Изображения не масштабируются должным образом, поэтому высокие изображения будут раздавлены, а широкие изображения будут растянуты. Я включил представление совместимости IE7 и изображения, отображаемые правильно, но в IE8 появляются сжатые/растянутые (что означает, что это будет проблема с IE8).