CSS height: auto для IE как пофиксить?

Question

[Alexander]

Страница https://playdrone.ru/catalog/nazemnyy-transport/av...
Изображения машинок в IE получаются растянуты по высоте.
Физически изображения больше контейнера, поэтому они масштабированы при помощи
max-width: 100%;
max-height: 100%;
width: 100%;
height: auto;
И это прекрасно работает во всех браузерах, кроме нашего дорогого любимого IE. Подскажите как пофиксить баг верстки для браузера IE (Edge), свой мозг уже сломал.

Answer 1

[lagudal]

попробуйте для класса-обертки - img_box - вместо height:270px установить max-height: 270px

Comments

[Alexander]

Помогло. Спасибо!

Answer 2

[Антон Усачев]

Ну если edge, то он должен понимать такие конструкции:

img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}