2017-01-23 111 views
0

我想在我的页面上添加一些小的.png,并在更改窗口大小时让它们与其余组件一起调整大小。更改窗口大小时,CSS调整图像比容器更小图像

我正在使用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

定义的CSS验证码:IMG {宽度:100%} – SekDinesh

+0

份额一些代码或代码段 –

+0

您应该阅读以下内容:http://stackoverflow.com/help/mcve – seemly

回答

0

由于使用的小.pngs,您可以使用IMG缩略图类,你需要删除IMG响应类