0

OK、フラッシュ経由でアップロードするフルスクリーンの背景画像があります

flash {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }

それは完全にサイズ変更されます。また、下部に div としてフッターがあり、その中に 5 つの画像があります。すべての画像を一列に並べましたが、ブラウザーのサイズを変更すると、比例してサイズ変更するのではなく、画像がジャンプします。アドバイスをいただければ幸いです。jsFiddle http://jsfiddle.net/eglemei/LqBzY/へのリンクは次のとおりです。

4

1 に答える 1

0

サイズを変更するように指示していないため、画像のサイズは変更されていません。比例的なサイズ変更はデフォルトの動作ではありません。画像は、パーセンテージ でwidthまたは値を指定している場合にのみ、含まれている要素に比例してサイズを変更します。height

パーセンテージheightまたはを指定すると、明示的に設定された属性（この場合は「div＃footer」）を使用しwidthて、最も近い親要素に従って画像が拡大縮小されます。パーセンテージを設定した場合は、他の場所を指定しない場合、画像はアスペクト比を維持します。positionwidthheight

画像のCSSを次のように変更します。

#sponsors img {
    margin-right: 3%; 
    width:16%;
}

height="100px"また、各imgタグからを削除する必要があります。そうしないと、imgはその高さを使用します。

それに応じてjsFiddleを更新しました：http：//jsfiddle.net/LqBzY/5/

于 2013-03-15T21:46:20.320 に答える