背景大小切斷了某些部分，當屏幕縮小尺寸

Question

這裏是測試鏈接：

http://kotechweb.com/ig112/

的問題是，我發現，當我縮小窗口的屏幕，背景寬度只是窗口的大小，當我滾動它時，另一部分切掉背景。

代碼：

<div style="background:url('./assets/image/bg4.jpg'); padding-top:20px;"> 
      <div class="container"> 
       <div class="row"> 
        <div class="col-xs-12"> 
         ....      
        </div>  
       </div> 
      </div> 
     </div> 

而且，一個後臺自定義了CSS這樣的：

background: url('./image/bg1.jpg') top; 
padding: 20px 0px; 
background-position: 0px -20px; 
background-size: 100% 99%; 

非常感謝幫助。

Answer 1

我假設水平滾動不是你想要的，因爲你包含Bootstrap庫。

在你的style.css已覆蓋它打破了網頁的響應默認.container大小：

.container { 
    width:960px !important; 
} 

如果刪除該網頁會變得敏感但有一個例外。

您的.top_btn類具有絕對位置。這對於響應並不好，因爲它會將這些元素推到身體之外。您可以繼續將這些視爲位置：如果您的左側屬性和頂級屬性均爲百分比，則爲絕對值。或者將這些圖像分成3個不同的圖像，並將它們分開鏈接，而不是將圖像絕對定位在一個圖像上。