Question

IE 4中的bootstrap 4的img-fluid有问题。我正在引导程序4的模型对话框中显示图像。图像的实际大小为 2000 * 400 。

但是我正在引导程序4的模式弹出窗口中显示图像，并且图像具有类“ img-fluid” ，因此将其调整为大小 734 * 148 和额外的空间出现在模式弹出窗口的末尾。

如果我添加的图像尺寸小于734 * 148，则不会出现多余的空间，这意味着大尺寸图像存在问题。

如果我删除大尺寸图像的img-fluid类，则不会出现多余的空间，但图像会显示在模态对话框之外，这是我不想要的。

多余的空间仅显示在Internet Explorer中，而不显示在firefox和chrome中。

我试图通过在图像的父元素中添加 d块，w-100，h-100 类来解决此问题，但这不起作用。

那么有什么解决办法吗？

额外空间屏幕截图：

没有图片的弹出窗口：

Answer 1

如果您使用的是模态，请在模态主体的样式中添加 overflow：hidden 。

<div class="modal-body" style="overflow: hidden">

并确保使用模式页眉和页脚。当然，请将其添加到您正在创建的CSS，CSS或其他样式文件中的类中；）

请注意，这将不再显示滚动条！但是，如果只需要显示图像，就可以解决问题。