Question

我现在已经在CSS中摆弄我的背景图片几个小时了，并尝试搜索文章以找到解决方案但仍然没有任何内容。无论浏览器大小如何，我都试图让我的背景图像适合屏幕。

起初我使用的CSS代码似乎正在起作用：

body {
    background-image: url(images/background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

但是当我重新调整浏览器大小时，发生了这种情况：http://prntscr.com/j1d4kv

然后我去找了另一个解决方案，说我应该把背景图片放在html标签中，我试过了：

html {
    background-image: url(images/background.jpg);
    background-repeat: no-repeat;
}

这解决了当浏览器大小改变时背景图像不适合底部的问题，但是当我完全筛选时我遇到了这个问题：http://prntscr.com/j1d742它在右侧留下了一个空白！

Answer 1

如果浏览器窗口的内容不多，则body很可能无法达到浏览器窗口的全部高度。添加此项以更正：

html, body {
  height: 100%;
}

Answer 2

您要添加， background-attachment：fixed;