html - Bootstrap 背景全宽 div 显示不正确

Question

我为新西兰的一家非营利组织建立了一个网站。它基于禁用响应功能的 Bootstrap 3。它运行良好...除了外部 div 的背景图像在移动 Safari 上的显示方式。这是代码示例:

<div class="top">
    <div class="container">
        <div class="row">
            <div class="columns go here">
                <p>Content</p>
            </div>
        </div>
    </div>
</div>

.top {
    height: 47px; 
    background-color: #000;
}

但是当我使用移动版 Safari 查看网站时，包装器 div (.top) 似乎没有填满屏幕的整个宽度。

这是网站:http://betterbroadcasting.co.nz/

这是移动版 Safari 的屏幕截图:https://dl.dropboxusercontent.com/u/35912963/IMG_2746.PNG

如果您能深入了解我在这里可能做错了什么，我将不胜感激。谢谢。

Answer 1

你有元视口(viewport)标签吗？

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

否则尝试更改 min-width正如 this thread 中所建议的那样.