如何在div中设置不同屏幕分辨率的背景图像？

Question

我正在开发一个网页，其中我在div的帮助下设置背景但我的问题是当屏幕的分辨率改变图像不适合时，它在大屏幕上的屏幕两侧显示空白。 有没有办法可以制作一个适用于所有屏幕的标准案例。

这就是我设置div的方式

mheaderimgs {
width:1007px;
margin:auto auto;
height:auto;
}

Answer 1

宽度：100％会拉伸它，如果你使它成为稍大的图像，它会缩小它，在大多数情况下只需要1个图像。

据我所知，没有非javascript方法来获取屏幕大小然后与设置大小进行比较

Answer 2

CSS background-size属性，

background-size:contain;

有关更多参考，请参阅

http://www.w3schools.com/cssref/css3_pr_background-size.asp

Answer 3

Php不知道客户端屏幕有多大。考虑使用javascript或Media queries

Answer 4

可能你可以尝试这个（CSS3属性）：

background-size: cover;

否则，我认为你可以在javascript中完成。