css - 导航栏在 iPad 上不拉伸(stretch)全宽

Question

我正在建立一个网站，我想我会在我的新 iPad 上测试它。我在网站顶部有一个标题/导航菜单，它在我的桌面上呈现得很好。 (在所有主要浏览器中测试)。但是，在我的 iPad 上进行测试时，导航栏不会延伸到整个屏幕。页脚也会发生这种情况。

这是用于栏的 CSS 代码

#topmenu {
margin:0 auto;
height: 85px;
background: url(http://dl.dropbox.com/u/6384916/web/img/bg-ripple-header.png) repeat  bottom left;
width:100%;}

那么，我该如何解决这个问题呢？

Answer 1

为您的 #topmenu 定义 min-width。例如

#topmenu {
margin:0 auto;
min-width:1000px;
height: 85px;
background: url(http://dl.dropbox.com/u/6384916/web/img/bg-ripple-header.png) repeat  bottom left;
width:100%;
}