サイズ変更イメージのCSS/HTML

Question

9Gagのようなウェブサイトを想像してみてください。画像をアップロードすると、画像は常に同じ幅で表示され、高さのみが変更されます。

どうすればこの問題を解決できますか？私は画像をハードコード化することもできません。

CSS：

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

HTML：

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

画像が同じサイズのまま。

Answer 1

あなたがにCSSスタイルを変更する必要があります。

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

Answer 2

あなたが試してみました：

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

・ホープ、このことができますが！