2012-06-12 53 views
0

我有一個佈局iPhone網頁的問題,我的背景圖片不適合Safari瀏覽器(在iPhone4中),我的背景圖片尺寸:w:480 px/h:720pxIphone4設計背景問題

我的身體CSS代碼:

body 
{ 
height:100%; 
margin:0px; 
background-image:url(../images/bg.png); 
background-repeat:no-repeat; 
background-size: cover; 
} 

其實,我真的不知道應該怎樣爲視網膜顯示屏和正常的第三代顯示分辨率背景...以及如何調整他們...

如果有人能幫助我,我會很高興...

+1

對於初學者來說,一個標準(3G和GS)屏幕是480x320。視網膜是雙倍所以960x640 – Dancreek

+0

如果我使背景圖像尺寸960X640,在3G圖像將無法正常工作?我怎樣才能做到這一點,而不需要單獨的CSS文件,並且如果用戶擁有iPhone模型的條件呢? –

+0

http://lineandpixel.com/blog/ios-web-app-icons-and-startup-images和 https://gist.github.com/2222823可能有幫助 –

回答

1

你好,請使用此代碼,而不是你的身體:

body{ 
font-size:100%; 
background:url(../images/bg.png) no-repeat center top; 
background-size:100% auto; 
margin:0 auto; 
}