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

标签 html css

我正在构建一个具有固定背景和滚动内容的网站: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;

有什么建议吗?

最佳答案

你的 div 容器挡住了背景,给它添加边距修复它,你需要使用媒体查询来应用移动尺寸

关于html - 响应式背景图片在移动设备尺寸下无法填满整个页面长度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48027926/

相关文章:

javascript - 文本在悬停时错位

css - LESSCSS 和@keyframes

html - 更改 svg 高度

javascript - 如何从 TestCafe 选择器中提取底层 HTML dom 元素?

jquery - 使用 jQuery 获取属性名称值

html - 某些 Bootstrap 4 类在我的 Angular 8 元素中不起作用

html - 自动完成不适用于任何浏览器

html - CSS相邻 sibling 互相覆盖

css - 空白 : pre and flexbox

javascript - 如何使两个褪色图像居中