我正在尝试在我的页面上添加一些小的.png,并在更改窗口大小时让它们与其余组件一起调整大小。
我正在使用Bootstrap 4并为更大的项目应用img-fluid,效果很好。
是否有办法对缩小窗口时根本不调整大小的小图像应用完全相同的行为?
编辑:如果它有任何区别,我正在使用Angular 2的框架。 在下面的代码中,第一个图像随窗口缩小,而第二个图像则没有。我试图为两者实现相同的行为。
<div class="container">
<img src="https://grisha.org/images/sasha_five.png" class="img-fluid rounded mx-auto d-block" alt="">
<img src="https://cdn0.iconfinder.com/data/icons/the-middle-ages/500/Knight_Military-128.png" alt="">
</div>
答案 0 :(得分:0)
由于你使用的是小.png,你可以使用img-thumbnail类,你需要删除img-responsive类