我正在创建可响应图像的类中的后备图像,但是我一直试图解决IE的问题。因为我不能使用<source>object-fitsrcset之类的东西,所以我面临挑战。图像放置在内容下方,因此其大小将与div内容的高度相同。图像应覆盖包含内容的div的整个背景,但是问题是宽度将图像按到看起来很糟糕的紧凑尺寸:html - Internet Explorer中的图像缩放使图像受到宽度的挤压-LMLPHP

我将为您提供jsfiddle:https://jsfiddle.net/6Lxwesvf/7/
我制作了一个包装程序的副本,该文件的功能与IE内部的功能完全相同。所以我希望有人能使图像看起来不被宽度所压迫。

最佳答案

改变这个

height: 100%;


对此:

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


工作笔:https://codepen.io/sidhanshu28/pen/ERNwxz

10-05 21:03
查看更多