Iphone4设计中的背景问题

Iphone4设计中的背景问题,iphone,jquery-mobile,mobile,mobile-safari,Iphone,Jquery Mobile,Mobile,Mobile Safari,我的iPhone网页布局有问题,我的背景图像不适合safari(在iPhone4中)的视图,我的背景图像大小:w:480 px/h:720px 我的身体css代码: body { height:100%; margin:0px; background-image:url(../images/bg.png); background-repeat:no-repeat; background-size: cover; } 实际上,我真的不知道视网膜显示器和普通3g显示器的背景分辨率应该是多少。。。以

我的iPhone网页布局有问题,我的背景图像不适合safari(在iPhone4中)的视图,我的背景图像大小:
w:480 px/h:720px

我的身体css代码:

body
{
height:100%;
margin:0px;
background-image:url(../images/bg.png);
background-repeat:no-repeat;
background-size: cover;
}
实际上,我真的不知道视网膜显示器和普通3g显示器的背景分辨率应该是多少。。。以及如何调整它们


如果有人能帮助我,我将很高兴…

嗨,请使用此代码而不是您的身体:

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

首先,标准(3G&GS)屏幕是480x320。视网膜是双倍的,所以960X640如果我把背景图像大小设为960X640,在3g图像中会不能正常工作?我如何才能做到这一点,没有单独的css文件,并把如果用户的iPhone型号的条件?也许会有帮助