視差主圖像的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的高度。但沒有內容。