如何放置全寬背景圖片？

Question

使用引導程序我設法放置一個完整寬度的背景圖像。 問題是應該在什麼樣的分辨率下創建圖像？

它應該是1600x1200，並讓引導框架調整它？但更高分辨率呢？

我努力有結果是這樣的頁面： http://www.indochino.com/product/white-casual-shirt

的圖像就像是一面旗幟。如果我理解正確，他們創建了1600x1200的圖像。

Answer 1

使用較大的圖像，然後使用CSS3的背景大小：封面。它完全填充你提供的背景圖像的div/body。換句話說，無論尺寸如何，它都會自動調整背景圖像的大小以適應元素。

#div { 
background: url("someimage.jpg"); 
background-size: cover; 
} 

或

#div { 
background: url("someimage.jpg"); 
background-size: 100% 100%; 
}