IE8で画像が縦にびろーんと伸びてしまう場合の解決方法
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]
参考にさせていただきました
いそいで修正しないといけない状況で困って調べていたところ、下記のサイトを拝見してすぐに解決しました。ありがとうございます！
