我如何使标题和文本响应

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%;