2010-11-15 30 views
5

這裏是我的代碼:iPad上的背景不會去完全跨越

#body_background { 
    background:transparent url('../images/am_bg_header.jpg') repeat-x 0 0; 
    display: block;} 

#header { 
    height:107px; 
} 

在iPad上由於某種原因,背景無盡流動的權利,但不是在左邊...的background_body標籤是最外面的標籤(除了身體),但它仍然似乎限制在右邊,我希望它在右邊無窮無盡。

並猜測'爲什麼?

+0

body_background上還有其他樣式嗎?如果你有像「寬度:100%」或任何定義的東西,這可能是你的問題。 – RussellUresti 2010-11-15 16:58:35

+0

沒有寬度...這個問題只發生在iPad ... html是非常基本的...身體標記然後div id =「body_background標籤...然後內容...關閉標籤 – user154107 2010-11-15 17:01:33

+0

你有沒有考慮造型的身體標籤而不是一個div?我意識到這可能不是一個選擇,根據您的設計要求,但它可能有助於您的問題 – 2010-11-15 17:09:08

回答

9

我知道這是六個月大,但我有同樣的問題,並通過Safari Web開發人員指南here找出答案:如果設計頁面,iPad(或iPhone)視口的默認寬度爲980像素比那更大的時候,你的自動內容(任何沒有寬度的東西)似乎在這個邊緣被切斷。

要解決這個問題,你需要設置視到您希望通過添加meta標籤的頭,像這樣來看待你的頁面寬度:

<head> 
    <meta name="viewport" content="width=1050" /> 
</head> 

如果你的網頁是小於980px寬,那麼這可能不是你遇到的問題。

+0

謝謝@Eric,它的作品爲了我。 – 2013-04-10 12:10:50