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

に最小幅を定義します#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%;
}