image - サイズに合わせてdivの背景画像を設定しますか？

Question

<div>背景画像があります。

サイズは時間の<div>経過とともに変化する場合があります。

サイズに合わせてDivs背景画像を設定することは可能<div>ですか？

あるdiv400x400とあるImageがあるとしましょう。1000x1000画像を縮小して、サイズ400x400に合わせることができますか？<div>

score 62 · Accepted Answer

CSS3を使用したい場合は、次のように、 background-sizeを使用して非常に簡単に使用できます。

background-size: 100%;

すべての主要なブラウザ（IE9 +を含む）でサポートされています。IE8以前で動作させたい場合は、この質問への回答を確認してください。

score 25 · Accepted Answer

background-sizeその目的のために使用します：

background-size: 100% 100%;

詳細：

http://www.w3schools.com/cssref/css3_pr_background-size.asp

score 16 · Accepted Answer

background-sizeそれを達成するためにプロパティを使用します。正確に何を取得したいかに応じて、、および-coverのcontainいずれかを選択する必要があります。100%

score 6 · Accepted Answer

これは、現在ほとんどのブラウザでサポートされている background-size プロパティで実現できます。

div 内に収まるように背景画像をスケーリングするには:

background-size: contain;

背景画像をスケーリングして div 全体をカバーするには:

background-size: cover;

score 1 · Accepted Answer

レスポンシブとしても機能するので、これを使用してください。:

background-size: cover;

score 1 · Accepted Answer

これには、CSS3 の background-size プロパティを使用できます。

.header .logo {
background-size: 100%;
}

score 0 · Accepted Answer

0

CSSをこれに設定します

img {
    max-width:100%,
    max-height100%
}

于 2013-03-09T16:42:35.547 に答える

score 0 · Accepted Answer

使用できないIE8以下（IE5.5まで）のソリューションを追加したかったbackground-size

div{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=
'/path/to/img.jpg', sizingMethod='scale');
}

8 に答える 8