视差主图像div高度不会在移动设备上缩放

Question

最后让我的主视差图像在背景大小的移动设备上进行缩放：100％自动，但现在在div没有按比例缩小到移动尺寸的图像之后有一个很大的空白空间。请帮忙！这是site。

css

.bcg {
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% auto;
height: 100%;
width: 100%;
}

.hsContainer {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}

.hsContent {
max-width: 450px;
margin: -150px auto 0 auto;
display: table-cell;
vertical-align: middle;
color: #ebebeb;
padding: 0 8%;
text-align: center
}

Answer 1

background-attachment：fixed;移动浏览器往往不支持。根据我的经验，它往往会导致一些不良行为。

这可能会有所帮助：Background-attachment: fixed not working on android/mobile

另外：我认为p标签导致了您的问题。检查元素表明P标签的高度约为20-30px。但没有任何内容。