Пожалуйста, проверьте этот пример, сначала в FF, Chrome или Safari:
[демо-ссылка удалена]
Вы увидите большое изображение.На самом деле он будет масштабироваться при изменении размера окна.Это изображение жидкости внутри контейнера жидкости.Теперь проверьте это в IE8 или IE7.Его высота составляет всего 1 пиксель: (
Я подозревал, что IE требует какого-то фиксирования ширины, чтобы придать ему базовый размер, поэтому я поиграл с минимальной высотой изображения 75%, илиминимальная ширина 75% в случае, если это касается портретного изображения. Это действительно дает ему необходимую высоту, однако это нарушает функцию изменения размера. При минимальной высоте 75% измените размер окна до узкой ширины, чтобыПосмотрите, что я имею в виду, он потеряет соотношение сторон изображения.
Почему, почему IE не может учитывать эти ширину и высоту жидкости?
PS: Iя думал об исправлениях hasLayout, но он удален из IE8 и, похоже, не работает в более ранних версиях для этого конкретного случая.