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

Question

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

Answer 1

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

Answer 2

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

height=auto

вне. Если он не задан, то по умолчанию «auto» ...

Answer 3

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

css:

height:auto !important;

Answer 4

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

height=100%

Answer 5

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

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

Answer 6

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

height: auto;
width: auto;

Answer 7

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

Answer 8

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

max-height: 100%;

Answer 9

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

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

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

Answer 10

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