响应式背景图像大小，可扩展不同的设备和分辨率

Question

我们想要一个网页的背景图片，可以扩展以适应不同的设备尺寸（如iphone，ipad，台式机，笔记本电脑）以及不同的台式机/笔记本电脑分辨率？

我们必须创建的图像背景的可能组合以及px的高度和宽度是什么？

注意：我们正在使用CSS3媒体查询来渲染它们。

Answer 1

您可以使用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;
}

Answer 2

您可以使用Adobe edge或只是引导程序，它包含在数据包中