CSS頁腳問題和iPhone

Question

我有這個軀在我身邊的底部，它看起來罰款在桌面上，而是在iPhone或iPad，背景被切斷：

下面是HTML

<div class="footerPowell"> 

    <div class="footer-content"> 

     <div class="footer-location"> 

      <!--<h1>Locations</h1>--> 
      <ul> 
       <li>Address</li> 
       <li>Address</li> 
       <li>Address</li> 
       <li>Address</li> 
      </ul> 

     </div><!--footer-location--> 

    </div><!--footer-content--> 

</div> 

這裏是CSS：

.footerPowell{ 
    background-color:#000; 
    height:500px; 
    margin-top:-100px 
} 

.footer-content{ 
    width:1000px; 
    margin:0 auto; 
    color:#FFF; 
    padding-top:130px; 
} 

.footer-location{ 
    width: 100%; 
    text-align:center; 
} 

.footer-location h1{ 
    font-size:20px; 
    padding-bottom:15px; 
    color:#b9b9b9; 
    font-family: 'gotham_htfbook'; 
} 

.footer-location ul{ 
    list-style:none; 
} 

.footer-location ul li{ 
    font-family: 'gotham_htfbook'; 
    color:#808080; 
    padding-bottom:3px; 
    font-size:16px; 
    display:inline-block; 
    padding-right:10px; 
} 

.footer-location ul li a{ 
    color:#808080; 
    text-decoration:none; 
} 

Answer 1

不知道到底你通過切斷的意思，但你可能想試試這個

.footer-content{ 
    width: 100%; 
    margin:0 auto; 
    color:#FFF; 
    padding-top:130px; 
} 

使用您的寬度的百分比來保持100％的寬度。