Größe ändern Bilder CSS/HTML

Question

Stellen Sie sich Websites wie 9Gag vor. Sie laden ein Bild hoch und es wird immer mit der gleichen Breite angezeigt und nur die Höhe ändert sich.

Wie kann ich dies erreichen? Ich kann die Größe meiner Bilder nicht ändern.

CSS:

.post img{ 
height: 200px; 
width: 300px; 
} 

HTML:

<div class="post"> 
    <img src="img/bf1.jpg"> 
</div> 

Das Bild bleibt die gleiche Größe.

Answer 1

Sie sollten CSS-Stil ändern:

.post img{ 
    height: auto; 
    width: 300px; 
} 

Answer 2

Haben Sie versucht:

<div class="post"> 
    <img height="200px" width="300px" src="img/bf1.jpg"> 
</div> 

hoffe, das hilft!