CSS Resize Bild kleiner als Behälter, wenn die Fenstergröße zu ändern

Question

Ich versuche, einige kleine .pngs auf meiner Seite hinzufügen und sie mit dem Rest der Komponenten der Größe, wenn die Fenstergröße verändert wird.

Ich bin mit Bootstrap 4 und gelte img-Flüssigkeit für die größeren Gegenstände, die großen Werke.

Gibt es eine Möglichkeit, die genau das gleiche Verhalten für die kleinen Bilder anzuwenden, die überhaupt nicht die Größe, wenn das Fenster schrumpft?

bearbeiten: Auch wenn es einen Unterschied macht, verwende ich Angular 2-Framework. Im folgenden Code wird das erste Bild mit dem Fenster verkleinert, während das zweite Bild nicht verkleinert wird. Ich versuche, das gleiche Verhalten für beide zu erreichen.

<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> 

Answer 1

Da Sie kleine .pngs verwenden, können Sie img-Thumbnail-Klasse verwenden, und Sie müssen img-responsive Klasse