響應背景圖像大小，縮放不同的設備和分辨率

Question

我們想要一個縮放以適應不同設備大小（如iphone，ipad，臺式機，筆記本電腦）和不同臺式機/筆記本電腦解決方案的網頁的背景圖像？

我們必須創建的圖像背景的可能組合以及px中的高度和寬度必須是多少？

注意：我們使用CSS3媒體查詢來渲染它們。

Answer 1

可以使用Adobe邊緣，或只是引導，它包含在包

Answer 2

可以使用background-size:cover

如：

div{ 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}