2013-07-25 156 views
0

我目前工作的一個WordPress主題,我已經得到了它&運行位置:http://tinyurl.com/kawesnhiPhone CSS背景調整

我試圖讓在後臺顯示的圖像與iPhone的跨平臺兼容性safari瀏覽器,但沒有這樣做:)

我想用背景滾動頁面的內容,但還沒有找到如何做到這一點,同時也有iPhone瀏覽器的背景調整大小。

這裏是我的CSS,產生對iPhone最初好看的佈局,但在點擊鏈接後,調整大小的內容,也是它產生於桌面瀏覽壞的結果:

CSS

body { 

background: url(http://www.myurl.co/tq/wp-content/uploads/2013/07/TQ-Oceanside_BGtaller.jpg) no-repeat center center fixed; 
background-position: center top; 
background-color: #000000; 
} 

感謝您的幫助!

+0

我只花了5分鐘試圖確定你的問題是什麼,我似乎無法找到它。我打開了Chrome中提供的鏈接,然後在Safari中使用用戶代理(Safari - for Windows和iPhone Safari iOS 4.3.3)將其打開,所有瀏覽器中的頁面都完全相同?我在這裏錯過了什麼嗎? – fenix

+0

謝謝你檢查出來!好消息是我在初始加載時在iPhone中正確渲染,但在此之後它變得瘋狂了 - 在桌面瀏覽器中,背景是固定的,這是不正確的,但我不知道如何解決這個問題。 – Willard

回答

0

嘗試使用CSS3媒體查詢。媒體查詢被wordpress中的大多數主題所使用,因爲它們使您的網站響應並使您的背景調整爲瀏覽器的大小。這裏有一個教程:
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

+0

此外,http://www.w3.org/TR/css3-mediaqueries/#media1 – fenix

+0

感謝您的迴應,我不熟悉實現響應式CSS文件,我應該在哪個文件中引用響應式CSS樣式表? – Willard

+0

您可以使用