调整大小屏幕时的背景图像响应空白

Question

我使用以下css：

background-size: 100% auto;
background:url(Top.jpg);
background-repeat:no-repeat;
background-position:center top;
min-height:800px;

当屏幕尺寸发生变化时，我有响应式背景图像，但当屏幕尺寸小于最小高度时，我在响应式背景图像周围出现空白问题。我希望当屏幕变得小于最小高度时，div的高度会自动改变。

Answer 1

改为使用background-size: cover。

background: ("Top.jpg") no-repeat center top fixed;
background-size: cover;
/* For older browsers */
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
min-height:800px;

请参阅https://css-tricks.com/perfect-full-page-background-image/