css - 单个背景图像的良好最小尺寸

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

当然，这只适用于现代浏览器。这里还有一些技术可以实现这一目标。

Answer 2

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