2012-04-16 103 views
0

所以我建立一個網站,我想我會在我的新iPad上測試它。我在網站頂部有一個標題/導航菜單,它在我的桌面上呈現良好。 (在所有主流瀏覽器中測試過)。但是,當在我的iPad上測試時,導航欄不會拉伸屏幕的整個路徑。這也發生在頁腳上。此圖像顯示了問題:導航欄不擴展全寬oniPad

[http://dl.dropbox.com/u/6384916/NavBar.jpg]

這裏是用於酒吧

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

所以CSS代碼,我怎麼能解決這個問題?

感謝,艾登

回答

0

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