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

     }