css - 导航栏在 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%;
}