Google ChromeやFirefoxでは問題なく表示されている画像が、IE8で表示すると縦に伸びてしまうときの解決策のメモです。 現象 CSSでmax-widthとheight:autoを指定しているのに画像が縦にびろーんと伸びてしまいます。具体的には下記のような感じでCSSでを指定しています。 [code]img { height:auto; max-width:100%; }[/code] 解決策 CSSに「width:auto」を追記します。こんな感じです。 [code]img { height:auto; max-width:100%; width:auto; /* ie8 */ }[/code] 参考にさせていただきました いそいで修正しないといけない状況で困って調べていたところ、下記のサイトを拝見してすぐに解決しました。ありがとうございます! → [CSS] img要素の
![IE8で画像が縦にびろーんと伸びてしまう場合の解決方法 – nekonomemo](https://cdn-ak-scissors.b.st-hatena.com/image/square/f9986889f6299118bc462e79d19d9e0f59e2ffac/height=288;version=1;width=512/https%3A%2F%2Fnekonomemo.net%2Fwordpress%2Fwp-content%2Fuploads%2F2014%2F11%2Fnekonomemo_eyecatch.png)