当前位置:  开发笔记 > 编程语言 > 正文

bootstrap 4 img-fluid不会改变图像高度

如何解决《bootstrap4img-fluid不会改变图像高度》经验,为你挑选了2个好方法。

具有类.img-fluid的Bootstrap 4中的响应图像被不成比例地调整大小.它们保持高度均匀宽度正在缩小.这会使整个图像变形.有没有什么方法可以让它像使用类.img响应的Bootstrap 3一样流畅?谢谢

顺便说一句,它在Bootstrap 4文档(https://v4-alpha.getbootstrap.com/content/images/)中是相同的,其中样本svg图像保持高度250像素,而不管它的宽度.



1> Igor Mizak..:

问题是我用div .row将图像包装在div中,其显示属性设置为flex.一旦从父div图像中删除此类,按预期工作



2> 小智..:

实际上height:auto对我没有用,但height:100%像冠军一样工作。

推荐阅读
保佑欣疼你的芯疼
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有