Css 可缩放不同设备和分辨率的响应性背景图像大小

我们想要一个网页的背景图像，可以根据不同的设备尺寸（如iphone、ipad、台式机、笔记本电脑）和不同的台式机/笔记本电脑分辨率进行缩放

我们必须创建哪些可能的图像背景组合，以及它们在px中的高度和宽度是多少

---

注意：我们使用CSS3媒体查询来呈现它们。

您可以使用Adobe edge或仅使用bootstrap，它包含在数据包中

您可以使用

背景大小：封面

例如：

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;
}