CSS调整背景图片高度

Question

我正在制作一个网站，在调整窗口大小时背景也会随之调整。当我改变窗口的宽度时，它工作正常。但是当我调整窗口的高度时，它不会调整大小。这是我的意思:

这是我的 CSS 代码:

body{
font-family: Georgia;
margin: 0 0 0 0;
margin-top: -16px;
padding: 0;
background-image:url('back.jpg');
background-size: 100% 100%;
background-repeat: no-repeat;
}

我已经尝试过 background-size: 100%;，但这并没有真正帮助。

Answer 1

我建议使用 html 属性而不是 body，因为它始终至少是浏览器高度的最小尺寸。

下面的代码应该可以帮助您实现 100% 宽度 100% 高度背景(即使在调整大小时)。根据您的元素，我建议添加供应商前缀以获得最大兼容性。

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

     }