html - 我页面的一部分在平板电脑上确实超出了页面

Question

当使用 ipad 或其他设备时，我页面的中间部分超出了屏幕的一侧，但其他元素似乎没问题。

有人知道为什么吗？

http://codepen.io/anon/pen/PwOzOw

<div class="mid-section">
            <div class="container">
               <div class="row-fluid">
                 <div class="col-md-12">
                <h1 class="text-center">So, What can we do for you?</h1>
                <p class="text-center"> Placeholder Placeholder Placeholder 
                   </p>
                    </div>
                </div>
            </div>
        </div>

Answer 1

div.mid-section 左右填充较大。当与您给 div.container 的固定宽度组合时，这意味着 div.mid-section 的总宽度大于屏幕宽度。

要么调整 div.container 的固定宽度，要么让 div.container 的宽度可变。