Div不会在iPad上保持Safari的宽度

Question

所以我有一个荒谬的问题，应该是显而易见的，但我似乎无法找出问题所在。

我在使用bootstrap的页面上有一个div。

该div的代码如下： -

    .appSection{
    background-color: #000000;
    padding:20px;
    border:1px solid #67c1dd;
    margin-bottom: 30px;
    display: block;
    width: 100%;
    min-height: 450px;
}

它是div包装col-md-12的孩子。

这在我使用过的大多数浏览器中都很好用;但是，当div在div的头部不包含太多内容或文本时，在iPad上div会折叠，如附加图像的右侧所示。有时，它几乎可以完全折叠到底层菜单的右侧。

任何线索？

Answer 1

您还没有给我们足够的信息。如果我们能看到你的html和css样本会很棒。

如果您是在纵向上在iPad上查看它，那么您的＆＃34; col-md-12＆＃34;父div上的类没有被应用，因为它从992px开始。这可能是＆＃39; part＆＃39;你的问题。 虽然不是根本原因。但没有其他任何事情可以继续，请尝试将其更改为＆＃34; col-xs-12＆＃34;看看是否能修复它。

Answer 2

我发现了问题。

我的页面顶部有这个元标记，当我删除它时，问题得到了解决： -

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">