如何找出适合iPhone的正确尺寸背景图像

我正在使用媒体查询来创建屏幕截图，以便在桌面和移动设备上优化网站。目前，当我将该网站放入当前的CSS中时，背景图片的比例就不一样了。（当前的背景大小为：640像素，960像素X）如何找出适合iPhone的正确尺寸背景图像

这是当前的CSS：

@media only screen and (-webkit-min-device-pixel-ratio : 2), only screen and (min-device- pixel-ratio : 2) { 

    #home{width: 980px; 
     height: 1090px; 
     background-image: url(../images/landingPageRetina.jpg) 50% 0 no-repeat; 
     background-size: 100% 100%;} 

    #about{background-image: url(../images/aboutMobile.png) 50% 0 no-repeat;} 


    #music{background-image: url(../images/musicMobile.jpg) 50% 0 no-repeat;} 

    #videos{background-size: url(..images/videosMobile.jpg)50% 0 no-repeat;} 

    #connect{background-image: url(..images/connectMobile.jpg)50% 0 no-repeat ;} 

    #contact{background-image: url(../images/contactMobile.jpg)50% 0 no-repeat ;} 
}

没有人有正确的大小是什么任何建议 - 这样的图像将呈现比例？

来源

2013-08-31 justLearning