响应式背景图像不会填充移动大小的整页长度

Question

我正在建立一个具有固定背景和滚动内容的网站：www.grandcollapse.com

图像完全固定，您可以向下滚动，但在移动级别，图像似乎只占据视口的上半部分。我用于我正在使用的背景的代码在这里（css）：

body {

background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url(img/background.png) fixed;

background-repeat: no-repeat;

background-position: center fixed;

}

有什么建议吗？

Answer 1

您的div容器会阻止背景，为其添加边距修复它，您需要使用媒体查询来应用移动尺寸