我如何使標題和文本響應

Question

我在我的網站上遇到問題。我已經制作了一個很棒的標題和一些文字，但是對於某些reasin來說，這是一個不會在我的網站上做出反應的東西。請幫助傢伙< 3你。

HTML：

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <div class="container"> 
     <div class="background"><img src="IMG/Background.jpg">  
     <h1 class="BackgroundText fadeInLeft animated">More than 1000+</br>Templates</h1> 
     <a class="Button" href="#1">Templates</a> 
     </div> 
    </div> 

CSS：

.container { 
width: 960px; 
margin: 0 auto; 
} 
.background { 
margin-top: 0px; 
box-shadow: 10px 10px 5px #888888; 
width: 100%; 
margin-left: -470px; 
} 
.BackgroundText { 
margin-top: -550px; 
font-size: 100px; 
color: #94c42f; 
margin-left: 300px; 
} 
.Button { 
margin-left: 400px; 
font-size: 50px; 
background-color: #94c42f; 
padding: 5px; 
border-radius: 10px; 
color: #ffffff; 
box-shadow: 0px 5px 0px #678920; 
} 

Answer 1

ID開始做.container一個負責任的寬度。我會將width:960px更改爲：

max-width:960px; 
width:100%;