Question

我的情况非常奇怪，我真的不明白为什么......以及如何克服这个问题。所以我必须将背景图像放在尺寸为1920x860的网站上。图像以不同的方式结束 - 例如：如果它没有在整个窗口上延伸，则图像的角落看起来很奇怪。

当我在FF中测试它时，它看起来不太好。我在22英寸显示器上进行了测试（因此分辨率为1680x ..）。当我在Chrome中测试时，图像延伸良好，图像的角落看不见。

但是：我有两个显示器，第二个显示器为23''，因此分辨率与第一个显示器差别不大，如果我在Crome上测试这个页面，也可以，在FF上也是如此。

然后我使用了firebug工具并尝试获取窗口的innerWidth。 22英寸显示器的内部宽度为2124px，23英寸显示器的内部宽度为1776px。

如果有人能告诉我 - 为什么会发生这种情况，我真的很感激？如果有人能够知道如何放置这个图像，让它在每台显示器上都能很好地延伸......那就更好了。

重点是 - 我必须将图像从一个角落扩展到另一个角落，并且在我的显示器上进行测试时，我不能确定其他用户会看到这个，因为我可以看到：（

感谢。

我会在这里发表评论...因为你们所有人都很善良我只是尝试了许多不同的解决方案。关键是图像不是整个背景的封面 - 应该看到，底部应该只有一些颜色...... 现在我使用简单的背景：url（）no-repeat top center ..

如果我使用-cover-图像被扩展 - 但我只需要垂直扩展。我也使用了JS，但是工作不正常，因为页脚是bg-image的一部分......并且全部都是有线的。

也许，我只会使用@media ..为更大的屏幕设置更大的图像（当然会使用更大的图像）但这也只适用于更大的屏幕，如果不是设计会崩溃，我认为

Answer 1

让我谷歌为你（'css窗口背景'的第一个结果）：

简而言之：

html { 
    background: url(bg.jpg) no-repeat center center fixed;
    background-size: cover;
}