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;

     }