有问题的img-流体的引导4在IE.我在引导4的模型对话框中显示图像。该图像的实际大小为2000*400。
但我在引导4的模式弹出中显示图像,图像具有类"img-fluid",因此它被调整为734*148大小,并在模式弹出的末尾出现额外的空间。
如果我添加了小于734*148大小的图像,那么就不会出现额外的空间,这意味着大尺寸图像存在问题。
如果我删除img-流体类的大尺寸图像,那么额外的空间不会出现,但图像显示出模态对话框,我不想要。
额外的空间只出现在Internet中,而不是在火狐和chrome.中。
我试图通过将d-块、w-100、h-100类添加到映像的父元素中来解决这个问题,但它不起作用。
有什么解决办法吗?
额外空间屏幕截图:

没有图像的弹出:

发布于 2020-01-03 19:13:47
如果您使用的是一个模式,添加溢出:隐藏到模式体的样式。
<div class="modal-body" style="overflow: hidden">并确保使用模态标头和页脚。当然,将其添加到您正在创建的css、scss或其他样式文件中的类中;)
请注意,这将不再显示滚动条!但是,如果您只需要显示图像,这应该是可行的。
https://stackoverflow.com/questions/54898230
复制相似问题