首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Internet Explorer中引导4的流体与img问题

Internet Explorer中引导4的流体与img问题
EN

Stack Overflow用户
提问于 2019-02-27 04:49:27
回答 1查看 473关注 0票数 1

有问题的img-流体的引导4在IE.我在引导4的模型对话框中显示图像。该图像的实际大小为2000*400

但我在引导4的模式弹出中显示图像,图像具有类"img-fluid",因此它被调整为734*148大小,并在模式弹出的末尾出现额外的空间。

如果我添加了小于734*148大小的图像,那么就不会出现额外的空间,这意味着大尺寸图像存在问题。

如果我删除img-流体类的大尺寸图像,那么额外的空间不会出现,但图像显示出模态对话框,我不想要。

额外的空间只出现在Internet中,而不是在火狐和chrome.中。

我试图通过将d-块、w-100、h-100类添加到映像的父元素中来解决这个问题,但它不起作用。

有什么解决办法吗?

额外空间屏幕截图:

没有图像的弹出:

EN

回答 1

Stack Overflow用户

发布于 2020-01-03 19:13:47

如果您使用的是一个模式,添加溢出:隐藏到模式体的样式。

代码语言:javascript
运行
复制
<div class="modal-body" style="overflow: hidden">

并确保使用模态标头和页脚。当然,将其添加到您正在创建的css、scss或其他样式文件中的类中;)

请注意,这将不再显示滚动条!但是,如果您只需要显示图像,这应该是可行的。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54898230

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档