html - 响应式背景图片在移动设备尺寸下无法填满整个页面长度

Question

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

图像完全固定，您可以很好地向下滚动，但在移动级别，图像似乎只占据了视口(viewport)的上部。我正在使用的背景代码在这里(css):

正文{

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 容器挡住了背景，给它添加边距修复它，你需要使用媒体查询来应用移动尺寸