-1

我正在使用 Bootstrap 和 Flat UI。我试图让一个标题区域跨越全宽,并且网站的其余部分适合一个 940 像素的容器。标题区域在所有非移动浏览器中看起来都不错,但是当我在 iOS6 中使用 Safari 和 Chrome 查看它时,标题区域并没有跨越整个宽度。任何人都可以帮忙吗?

你可以在这里查看网站

4

1 回答 1

0

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

相反,您可能想尝试使用媒体查询使您的内容区域更具响应性,以便在较小的屏幕上更窄,或者您可以将内容区域的宽度设置为 100%,或者您可以为横幅设置最小宽度940 像素。

于 2013-07-01T13:31:44.377 回答