Bootstrap 3響應式桌面背景顏色問題iOS

我在Bootstrap 3桌面響應iOS 7（safari上的iPad4）時遇到問題。當我加載使用表格的網頁只能顯示錶的70％，其餘是隱藏在右邊： enter image description here Bootstrap 3響應式桌面背景顏色問題iOS

但問題是，當我滾動到表格的背景顏色是正確的丟失和身體的背景顯示： enter image description here

我儘可能簡化了表，以消除任何愚蠢的我錯過了沒有運氣。這裏是身體是如何定義的（我刪除該表信息，因爲它被一些NG-重複創建並沒有幫助）：

<body style="background-color: #3E3E40;"> 
    <div class="container"> 
    <div class="table-responsive"> 
     <table class="table" style="background-color: #E0E0E3;"> 
     .... 
     </table> 
    </div> 
    </div> <!-- /container --> 
</body>

關於如何解決這個問題的任何信息或建議，將不勝感激！

來源

2014-04-29 coolbox

這對你有用嗎？ http://jsfiddle.net/panchroma/qYY2y/

HTML是不變的，我在申請表格的背景色，以表響應的div包裹你的表

.table-responsive{ 
    background-color:#fff; 
}

希望這有助於！

編輯
的@rapcal有陰影的響應表
http://jsfiddle.net/panchroma/16yt4vnq/

直接應用投影表如何本地引導stying上處理溢出不會因爲工作變動表響應的div。但是，如果你在另一個DIV包一切，你有更多的自由

HTML

<div class="wrapper"> <!-- apply drop shadow to this div --> 
    <div class="table-responsive"> 
     <table class="table"> ... </table> 
    </div> 
</div>

來源

2014-04-29 23:49:58

我試過這麼多東西我不記得，如果我想這一個。我明天會嘗試第一件事！謝謝！！ – coolbox

這工作！非常感謝您的幫助！奇怪的是，這隻發生在iOS的safari上。 – coolbox

太棒了，謝謝你讓我知道@coolbox –

Bootstrap 3響應式桌面背景顏色問題iOS

回答

相關問題