Ios4 视网膜显示及其应用&x27;他的实现使我困惑

Ios4 视网膜显示及其应用&x27;他的实现使我困惑,ios4,retina-display,Ios4,Retina Display,好的,我一直在和一位设计师合作,他在Photoshop中制作了应用程序的模型。我没有使用iPhone状态栏,也没有使用设计师用100px制作的自定义导航栏。在导航中,他放置了一个48像素的图标 现在我必须转换成代码,我正在使用UIWebView。他设计的布局,我将用HTML/CSS制作,并加载到UIWebView中 现在的问题是,他为屏幕制作的PSD大小为640 x 960。在Iphone4中,它是分辨率而不是物理尺寸。基于640 x 960像素图像/PSD的设置,他制作了100像素的顶栏。现在

好的,我一直在和一位设计师合作,他在Photoshop中制作了应用程序的模型。我没有使用iPhone状态栏,也没有使用设计师用100px制作的自定义导航栏。在导航中,他放置了一个48像素的图标

现在我必须转换成代码,我正在使用UIWebView。他设计的布局,我将用HTML/CSS制作,并加载到UIWebView中

现在的问题是,他为屏幕制作的PSD大小为640 x 960。在Iphone4中,它是分辨率而不是物理尺寸。基于640 x 960像素图像/PSD的设置,他制作了100像素的顶栏。现在如果我跟着他,事情就会变得一团糟

我所做的就是把所有的东西都缩小了一半,以容纳320 x 480 sceen大小的CSS。我将导航栏设置为50px(对于320 x 480),并将@2x.png图像(48 x 48)放入其中

现在,当我在我的手机上加载应用程序时,它看起来像应该的那个样大,这给我的印象是48像素并不是高密度的24px图像


我很困惑,如果我制作了100px的导航条,那么所有东西看起来都很大,因为我的目标是大尺寸,而我的目标是高分辨率。在我的场景中,如何调整元素(DIV)和图像?

请阅读有关使用CSS3媒体查询和视口标记的文章,以帮助管理普通和高清晰度显示之间的样式:


我正在使用媒体查询。不知何故,我无法获取何时使用普通imagebis以及何时替换@2x文件。这里给出了代码:titanum/html代码CSS