2014-02-11 43 views
0

我在幾年前的某個網站上遇到問題。它重複iOS上的背景。 網址是writersadvice.co.uk在iOS中重複背景設置爲不重複時

iPhone repeating background problem

我沒有一個iPhone自己,不能的iOS模擬器上我的MacBook工作,但如果任何人有任何想法,因爲我已經搜查,沒有發現將是巨大的任何線索到目前爲止。

感謝

+0

你想保持你的網站,因爲它是?有比994x10000背景圖像更好的技術,我的iPhone拒絕甚至下載圖像,更不用說顯示兩次了。除此之外,我認爲你應該檢查你的代碼幾次,並修復像'.cssbox {width:980px!important;寬度:965px; ..} – Marcel

+0

很久以前,我在智能手機的曙光之前做過這個網站..你引用的那種重複的風格存在一個IE黑客攻擊。 是的,可能有更好的方法來擴展垂直背景,文件大小仍然相當小,因爲它主要是空白。我沒有足夠的時間來重做網站,所以寧願保持現在的狀態。理想情況下,是的,它會以適當的響應式設計重做。 – Adamski

回答

1

我只是複製您的網站,並在iPad和它沒有裝載雙背景下,通過打開Safari瀏覽器在PC上,看它是否發生很好,但沒有運氣。一個瘋狂的猜測是它是視網膜vs正常屏幕,它恰好是。

速戰速決將以下添加到您的CSS,低於所有其他後臺調用:

@media screen and (-webkit-min-device-pixel-ratio:2){ 
    .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { 
     background-size: 1988px 20000px; 
    } 
} 

但它是不漂亮,我真的花幾分鐘的時間重新寫了一些如果可能;)

+0

非常感謝,我今天晚些時候會嘗試。 – Adamski