css - 画像をスケーリングする方法 - レスポンシブ デザイン

Question

私のウェブサイト (www.seandorsman.nl) の画像 (ロゴ) をスケーラブルにすることができません。私は次のCSSを使用しています：

.logo
{       
height: auto;
width: 100%;
max-width: 920px;
background-color:#0FF;
margin-left:auto;
margin-right:auto;
}

そして、次の HTML:

<div class = "logo" >
<img src = "images/logo.png"/>
</div>

私はウェブを見てきましたが、見つけることができるのは、使用する必要があるということだけです

width:100%;
height:auto;
max-width:920px;

何が間違っているのですか、なぜ画像が拡大縮小されないのですか?

PS。私のウェブサイトで完全なコードを確認することもできます。

Answer 1

間違った方法です（まあ、それは問題ではないと思いますが、私はこのようにします）。試す：

width:920px;
height:auto;
max-width:100%;
display: block; /*for IE*/

これは、画像のラッパーではなく、画像自体にある必要があります