css - CSS: IE 8 で画像サイズが幅の 5% しかない

Question

画像でわかるように、IE 8 の記事のサムネイルが細いストライプとしてのみ表示されることがわかりました。

ウェブ: http://jdem.cz/vzcy9

この動作は他のブラウザには見られません。つまり、FF 14、Opera 11、Chrome X、IE 7、IE 9 は問題ありません。

IE8でこれが発生する原因は何か分かりますか?

Answer 1

ルールmax-wdth:99.35%はそうしているようです。width:auto分数の最大幅を設定する同じルールにa を追加してみてください。

つまり、次のように変更します。

#masthead img, #featured-content img, #recent-content img, .entry-content img, .entry-thumb img, .comment-content img, .widget img {
    background: #fff;
    border: 1px solid #bbb;
    max-width: 99.35%;
/* Fluid images for posts, comments, and widgets */
    padding: 1px;
}

に

#masthead img, #featured-content img, #recent-content img, .entry-content img, .entry-thumb img, .comment-content img, .widget img {
    background: #fff;
    border: 1px solid #bbb;
    max-width: 99.35%;
    width:auto;
/* Fluid images for posts, comments, and widgets */
    padding: 1px;
}