标题区域在移动设备中不跨越整个宽度

Question

我正在使用Bootstrap和Flat UI。我试图让标题区域跨度全宽，网站的其余部分适合940px的容器。标题区域在所有非移动浏览器中都很好看，但是当我在iOS6中使用Safari和Chrome查看它时，标题不会跨越整个宽度。有人可以帮忙吗？

您可以查看网站here

Answer 1

问题是您的网站内容区域的固定宽度为940像素，并且您的顶部横幅设置为仅占据视口的100％。在手机上， 100％的视口小于940像素因此您可以水平滚动以查看其余内容，但顶部横幅不会比原始100％更长视。

相反，您可能希望尝试使用媒体查询使您的内容区域更具响应性，以便在较小的屏幕上缩小范围，或者您可以将内容区域的宽度设置为100％，或者您可以将横幅设为最小宽度为940px。