我的頁腳不會填充Iphone或Ipad頁面的水平方向

Question

我嘗試了很多事情，但直到現在，沒有任何事情發生。我的頁腳不會填滿頁面（水平），但會卡在頁面中間的某處。 （僅適用於Ipad和Iphone。） 元標記不起作用，而不是最小寬度：100％，最小寬度：1024px;既不適合我。

固定定位頁腳沒有選項...（頁腳有當更多文本編輯內容流。）

這是頁腳我的CSS代碼：

#footer_content{ 
     min-height:200px; 
     min-width:1024px; 
     float:left; 
     background-color:#29809E; 
     bottom:0; 
    } 

Answer 1

爲表視圖，主視圖

Answer 2

嘗試將視口1.0

進一步明確設置相同的背景色：既可以幫助

而且，這裏是關於如何使用視窗一些很好的解釋...

iPad的具體細節：http://www.allenpike.com/2010/choosing-a-viewport-for-ipad-sites/

通用」 https://developer.mozilla.org/en/Mobile/Viewport_meta_tag

Answer 3

做這：

#footer_content{ 
     min-height:200px; 
     min-width:1024px; 
     float:left; 
     background-color:#29809E; 
     bottom:0; 
    } 

此：

#footer_content{ 
     min-height:200px; 
     width:100%; 
     min-width:1024px; 
     float:left; 
     background-color:#29809E; 
     bottom:0; 
     display: block; 
    } 

然後在關閉頁腳div之後再添加一個清除：