Alexx_ps
@Alexx_ps

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

5d36cbdd80c65105331773.png
Страница https://playdrone.ru/catalog/nazemnyy-transport/av...
Изображения машинок в IE получаются растянуты по высоте.
Физически изображения больше контейнера, поэтому они масштабированы при помощи
max-width: 100%;
max-height: 100%;
width: 100%;
height: auto;
И это прекрасно работает во всех браузерах, кроме нашего дорогого любимого IE. Подскажите как пофиксить баг верстки для браузера IE (Edge), свой мозг уже сломал.
  • Вопрос задан
  • 403 просмотра
Решения вопроса 1
@lagudal
попробуйте для класса-обертки - img_box - вместо height:270px установить max-height: 270px
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
rockfeeler
@rockfeeler
Фронтендер, дизайнер, верстальщик-перфекционист
Ну если edge, то он должен понимать такие конструкции:
img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы