網站背景圖片縮放到獨立文本塊的大小

Question

因此，當您按CTRL +滾動出一個網頁時，我正在處理HERE，背景圖片以關於節文本在圖片前移動的方式進行縮放。

我已經嘗試了諸如重新調整尺寸和定位元素之類的東西，但是我很難理解要做什麼或者如何使背景圖片縮放並保持與歡迎文本區域成比例。

如果您知道的資源中有任何資源請發送鏈接，所有內容都可以提供幫助。

乾杯。

Answer 1

試試這個：

#BackgroundImg { 
background-image: url(yourimage.png) no-repeat center; 
background-size: 100% auto; 
} 

乾杯。

Answer 2

怎麼樣，在main.css第16行的變化：

height: 30%; 

爲了特定的像素高度：

height: 275px;