我正在创建可响应图像的类中的后备图像,但是我一直试图解决IE的问题。因为我不能使用<source>
,object-fit
和srcset
之类的东西,所以我面临挑战。图像放置在内容下方,因此其大小将与div内容的高度相同。图像应覆盖包含内容的div的整个背景,但是问题是宽度将图像按到看起来很糟糕的紧凑尺寸:
我将为您提供jsfiddle:https://jsfiddle.net/6Lxwesvf/7/。
我制作了一个包装程序的副本,该文件的功能与IE内部的功能完全相同。所以我希望有人能使图像看起来不被宽度所压迫。
最佳答案
改变这个
height: 100%;
对此:
min-height: 100%;
min-width: 100%;
margin: auto;
工作笔:https://codepen.io/sidhanshu28/pen/ERNwxz