iPhone 4+默认为networking应用的320像素分辨率,我想使用完整的640像素

iPhone 4+默认为networking应用的320像素分辨率,我想使用完整的640像素。

我可以改变这个iPhone 4 +的行为,以报告真正的决议?

编辑:所以我可以使用,

<meta name="viewport" content="width=640" /> 

但是在设置这个标签之前,我怎么能确定它是iPhone 4+?

简短的答案是:您可以检查用户代理并使用JavaScript设置元标记。

长的答案是:不要这样做。 当我开始为手机开发时,我本来也很困惑。 iPhone 4(和其他高分辨率设备)实际上显示与其前辈相同的页面宽度。 这可能是由于这样一个事实,即世界各地的网站看上去都很小,如果不这样做的话,可能会搞得一团糟。 不过,有一个区别。 高分辨率手机只是以更高的分辨率(但尺寸相同)显示所有内容。

这对于文本和背景颜色等并不重要,但是您会发现iPhone上的图像看起来不那么清脆 – 这是因为它们正在被resize。 我所做的是把图像的分辨率加倍,使它们与高度一致,并且使用-webkit-background-size: 100% 100%; 。 这种方式老设备显示它像正常,高分辨率设备看起来干净,漂亮。 需要注意的是,这会使您的映像文件变得更大。

有关为什么像素不总是像素的更多信息,请参阅此链接: http : //www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html

另外如果你想用CSS专门针对高分辨率的设备。 您可以使用媒体查询:

 @media screen and (-webkit-device-pixel-ratio: 2) { body{ background-color: red; } }