Css IE 11中的拉伸图像

我的WordPress网站在Chrome和Firefox上运行良好，但在InternetExplorer11中，在地图图像之后的第一张图像中，它为一些类似的图像提供了拉伸外观

我尝试在主题的style.CSS中添加此CSS代码，但没有效果

img{
    max-width:100%;
    flex-shrink:0;
}

铬： 即：

---

你能帮我一下吗？

这是因为你使用了与IE11不兼容的

对象拟合属性


你必须用那个图像作为背景图像
2如果你想固定宽度，那么高度需要是自动的

如果您希望固定高度，则需要自动设置宽度。这样，您的图像在任何设计中都需要拉伸
我建议您使用背景图像检查代码段


.img{
显示：内联块；
背景：url(https://dummyimage.com/600x400/000/fff)中心；
宽度：300px；
高度：400px；
}
.文本{
显示：内联块；
垂直对齐：顶部；
左侧填充：20px；
宽度：计算（100%-330px）；
}
p:最后一种{
边缘底部：0px；
}

例子
示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例

示例

长度：111分钟

例

示例示例示例示例示例示例示例示例

我尝试在IE 11中测试您的站点，我觉得这张图片很合适。这是我的测试结果。如果你这边的情况不一样，请尝试发布问题的快照，这可能有助于我们了解问题。感谢您的理解。@Deepak MSFT您能检查我的编辑来参考这些链接吗？示例可能有助于解决您的问题。因此，移除它将解决问题？它希望解决问题。1.你必须用那个图像作为背景图像。2如果你想固定宽度，那么高度需要是自动的。3.如果您希望固定高度，则需要自动设置宽度。这样，您的图像在任何设计中都需要拉伸。我建议你使用背景图片。这是一个评论，而不是对（离题）问题的回答。我添加了一个示例作为代码片段，它将帮助您获得所需的输出。