【发布时间】：2013-07-01 13:21:23
【问题描述】：
我正在使用 Bootstrap 和 Flat UI。我试图让标题区域跨全宽，网站的其余部分适合 940 像素的容器。标题区域在所有非移动浏览器中看起来都不错，但是当我在 iOS6 中使用 Safari 和 Chrome 查看它时，标题区域并没有跨越整个宽度。有人可以帮忙吗？
您可以查看网站here
【问题讨论】：
标签： mobile twitter-bootstrap grid
【发布时间】：2013-07-01 13:21:23
【问题描述】：
问题是您网站内容区域的固定宽度为 940 像素，并且顶部横幅设置为仅占视口的 100%。在手机上，100% 的视口小于 940 像素，因此您可以水平滚动以查看其余内容，但顶部横幅的拉伸不会超过原来的 100%视口。
相反，您可能希望尝试使用媒体查询使内容区域更具响应性，以便在较小的屏幕上更窄，或者您可以将内容区域的宽度设置为 100%，或者您可以为横幅设置最小宽度为 940 像素。
【讨论】：
-
感谢您的回答。我刚刚附上了引导响应样式表，它似乎工作正常。我将不得不调整一些媒体查询，但总体而言，它在移动设备上比以前好得多。