Масштабирование изображения в Internet Explorer делает изображение сжатым по ширине - PullRequest
0 голосов
/ 08 июня 2018

Я работаю над созданием запасного изображения внутри своего класса, которое создает адаптивные изображения, но я застрял при попытке решить проблему для IE.Поскольку я не могу использовать такие вещи, как <source>, object-fit и srcset, я столкнулся с проблемой.Изображение размещается под содержимым, поэтому его размер будет соответствовать высоте содержимого div.Изображение должно покрывать весь фон div, который содержит содержимое, но проблема в том, что ширина прижимает изображение к этому компактному размеру, который выглядит ужасно: This is the image from IE wich looks bad.

Я будупредоставить вам jsfiddle: https://jsfiddle.net/6Lxwesvf/7/.Я сделал копию одной из оболочек, она делает именно то, что делает внутри IE.Поэтому я надеюсь, что кто-то что-то знает о том, чтобы изображение не выглядело полностью сжатым по ширине.

1 Ответ

0 голосов
/ 08 июня 2018

Измените

height: 100%;

на следующее:

min-height: 100%;
min-width: 100%;
margin: auto;

Рабочая ручка: https://codepen.io/sidhanshu28/pen/ERNwxz

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...