导航栏在iPad上没有拉伸全宽

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

将 min-width 定义为#topmenu。例如

#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%;
}