更改窗口大小時，CSS調整圖像比容器更小圖像

我想在我的頁面上添加一些小的.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>

來源

2017-01-23 Ionut Iliescu

定義的CSS驗證碼：IMG {寬度：100％} – SekDinesh

份額一些代碼或代碼段 –

您應該閱讀以下內容：http://stackoverflow.com/help/mcve – seemly

由於使用的小.pngs，您可以使用IMG縮略圖類，你需要刪除IMG響應類

來源

2017-01-23 10:53:43 Aayush

更改窗口大小時，CSS調整圖像比容器更小圖像

回答

相關問題