css div + background-image

Question

私は背景画像のプロパティの使用に関して間違っていることを知りたいと思います。私は常にそのフルサイズで表示された画像を子育てdivに完全に調整したいどのような解像度で表示されるのか）、これまでに何を得ているのですか？問題は複雑ではないことを完全に認識していますが、私はそれを理解できません！助けてくれてありがとう。

body { 
 
    margin: 0px; 
 
} 
 

 
header { 
 
    height: 200px; 
 
    background-image: url(http://kingofwallpapers.com/picture/picture-008.jpg); 
 
    background-size: cover; 
 
}

<header> 
 
</header>

Answer 1

あなたは近いです。あなたは含まれるように背景サイズを設定する必要があります。 containは（幅または高さのいずれかで、最小すなわち、延伸せず。）、親寸法に背景画像をスケーリング

background-repeatだけ何度も繰り返し

body { 
 
    margin: 0px; 
 
} 
 

 
header { 
 
    height: 200px; 
 
    background-image: url(http://kingofwallpapers.com/picture/picture-008.jpg); 
 
    background-size: contain; 
 
    /* background-size: 100% 100%; <- stretch fit to parent */ 
 
    background-repeat: no-repeat; 
 
}

<header> 
 
</header>

Answer 2

を背景を繰り返していないためであります

の代わりに

background-size: cover; 

background-size: 100% 100%; 

だから私はこのコードを助けることができると思う：

body { 
 
    margin: 0px; 
 
} 
 

 
header { 
 
    height: 200px; 
 
    background-image: url(http://kingofwallpapers.com/picture/picture-008.jpg); 
 
    background-size: 100% 100%; 
 
}

<header> 
 
</header>