IE не поддерживает height = auto для изображений, что я должен использовать?

У меня есть изображения с высотой = auto, потому что иногда они разные высоты, тогда как они всегда одинаковой ширины. Он работает в каждом браузере, но И.Е., есть ли что-то подобное, которое я могу использовать?

Ответ 1

Решение заключалось в том, чтобы добавить типичное исправление IE: (

CSS

height:auto !important;

Ответ 2

Я обнаружил, что добавление min-height:1px решает проблему. Не уверен, почему, но, работал на меня.

Ответ 3

Просто оставьте

height=auto

вне. Если он по умолчанию не присвоен "авто"...

Ответ 4

Я пробовал все размещенные решения, и единственное, что работает, это

height=100%

Ответ 5

Используйте высоту: автоматически вместе с шириной: авто и она будет работать в IE. Если вы укажете только один из них, IE будет расстроен.

height: auto;
width: auto;

Ответ 6

Вы можете сделать width="100%" и max-width="100px" или любую необходимую ширину, а затем просто height="auto". Это сработало для меня.

Кстати, вам может понадобиться min-width ширины min-width если ваш родительский элемент не имеет ширины, которую вы хотите для своего изображения.

Ответ 7

Также существует проблема с IE при использовании изображений с height=auto в контейнерах flex.

Для меня лично проблема была вызвана тем, что изображение помещено в вложенные контейнеры flex. Мне удалось удалить родительский контейнер flex, и проблема была решена для меня.

Есть еще несколько решений, которые люди упомянули на странице ниже: https://github.com/philipwalton/flexbugs/issues/75

Ответ 8

Для браузера Edge вы можете использовать max-height, который также будет работать для других браузеров

max-height: 100%;

Ответ 9

У меня была та же проблема, и исправления с минимальной высотой и! Важным не помогли мне. Мой img был в гибком контейнере. Затем я попытался поместить img внутрь другого, оборачивая div и затем height: auto работал.

Ответ 10

В "представлении совместимости IE9 - режим стандартного документа IE7", оставляя высоту = авто, может не решить проблему. Попробуйте добавить условный CSS и в ваш специальный файл css для IE ( "ie.css" ) добавьте строку, которая назначает соответствующую минимальную высоту вашему затронутому классу/элементу.

например:

.IE7. [css element] {min-height: xxxpx;}

Где xxx равно необходимой высоте изображения.

Ответ 11

высота: начальная; будет работать вместо использования height: auto; в хром и т.д.