0

配列/ループを使用して、ギャラリー (Wordpress) と呼ばれるカスタム フィールドから画像を取得しています。取得した画像はサイズ変更されません。つまり、幅が最大 150 ピクセル、高さが最大 ​​150 ピクセルになります。今、これらの画像をブラウザのサイズに自動的に調整する方法を考えています。Chrome はそれを完璧に行いますが、IE と FF はそうではありません。img { width:100%;} を設定すると、サイズ変更は機能しますが、想像できるように、画像自体のサイズがねじ込まれます。

ブラウザのサイズに合わせて画像を自動的に調整する方法は他にありますか? ありがとうございました！

4

2 に答える 2

1 
#img.source-image
{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

トリックを行う必要があります。

また、質問をより明確にします。

http://css-tricks.com/how-to-resizeable-background-image/には、適切な例がいくつかあります。

于 2013-02-27T14:29:28.620 に答える