レスポンスに応じて画像のサイズ変更に関する問題が発生する - html、css、html5、css3

私のimg構文のために持っている私のCSSをHeresします。 ただし、ブラウザのサイズを変更している間は、応答してサイズを変更する必要があります。これはChromeで動作しますが、IE＆FIREFOXは何らかの理由で動作していません - 理由はありますか？最新のものを使用しています。

img {
max-width: 100%;
height: auto;
width: auto9; /* ie8 */
}

回答：

img max-width： レスポンシブな画像の場合は100％が適していますが、画像を保持する画像コンテナと一緒に作業する必要があります。

これを試してみると、クロスブラウザーで作業する必要があります。

<div class="imgHolder">
<img src="/images/http://www.thoughtfeast.co.uk/wp-content/uploads/Big-Data-2-1024x522.jpg" >
</div>

したがって、画像はdivでラップされます。 CSSは次のようになります。

.imgHolder{
width: 100%;
max-width: 1000px;
padding: 10px;
border: 3px dashed red;
margin: 10px auto;
}

.imgHolder img {
max-width: 100%
}

コードネームを確認することができます ここに