web-dev-qa-db-ja.com

解決方法 - IE 6はimgの "width"プロパティを無視します

この記事では:

http://humus101.com/?p=1734

Imgプロパティで4つの画像を246ピクセルの幅に設定しました。

クロムではそれはうまく見えます。 IE6ではそうではありません。

これを解決する方法について何か提案はありますか?

1
Tal Galili

私はその問題を解決した。

Style.css内

私は以下の変更を加える必要がありました

#content img {
    margin: 0;
    height: auto;
    max-width: 640px;
    /*width: auto;*/
}

私は今、次のすべてのテーマの更新のためにそれを滞在させる方法を疑問に思います...

2
Tal Galili

画像の高さ属性がありません。 HTML 4 仕様では、このような状況に対処する方法を明確に定義していないため、ブラウザ間の表示の違いについて疑問に思うことはありません。

どう対処するの? theme/wpコアにフックして、width属性の隣にheight属性が計算され使用されるようにコードをパッチします。

2
hakre

640 pxがあなたが望む幅なら。私はワードプレスに入り、それを画像のサイズの1つとして設定します。投稿に挿入するときは、そのサイズを選択します。

設定 - >メディアで、中と大のサイズを設定できます。これらをあなたが望むものに変更します。それからあなたが持っている画像をリサイズするでしょうこのプラグイン http://wordpress.org/extend/plugins/bulk-image-resize-utility/ .

Wordpressがすることはこれらの寸法で新しいイメージを作成することです。これがユーザーにとって何をしているかというと、見ている画像のサイズだけをダウンロードしているだけなので、ページの読み込み時間が短縮されます。

あなたはあなたの投稿に戻って中または大サイズを使うために画像を編集しなければならないかもしれません。

0
Ryan Gibbons
#content img {
    margin: 0;
    height: auto;
    max-width: 640px;
    width: auto;
}

上記のパズルは私にとってひどいものでした、TwentyTenテーマでwidth: auto;を削除しました、それはうまくいきました - しかし、子供のtbemeオプションに関してはどうやって子供のテーマで行を省きますか、しかしまだ親テーマを通して使われます、その奇妙な!

私は、子テーマスタイルシートがTwentyTenテーマの使用に代わるものです。

0
Brian