单个背景图像的最小尺寸

Question

我有一张图片覆盖整个背景。这样做的网站通常会通过JavaScript选择图片大小吗？如果我不想使用JavaScript，覆盖绝大多数屏幕的最小尺寸是多少？感谢。

Answer 1

没有办法说出来，一个适合10英寸上网本的图像在24英寸显示器上看起来不一样，所以你最好的选择是使用jQuery插件，如Backstretch或Vegas插件或CSS3的background-size:cover属性如下：

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

当然，这只适用于现代浏览器。 Here是实现此目标的更多技巧。

Answer 2

最常用的屏幕分辨率为1024x768 imo。 此外，如果我应该为网站使用一个背景，则应使底部淡出，或者一种颜色或渐变。