Question

I have a problem with layout iPhone web page , My background image does not fit on view of safari (in iPhone4), my background image size : w:480 px / h:720px.

my body css code :

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

actually , i really don’t know what should background resolution for retina display and normal 3g display … and how to adjust them …

If someone can help me , I will be glad…

Answer 1

Hi please use this code instead of your body:

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