iPhone 4默认为320px分辨率的网络应用程序,我想使用完整的640px.
我可以更改iPhone 4的行为来报告真正的分辨率吗？
编辑：
所以我可以使用,
<Meta name="viewport" content="width=640" />
但是在设置此标签之前,我该如何确定它是iPhone 4？
解决方法
简短的答案是：您可以检查用户代理,并使用JavaScript设置元标记.
长的答案是：不要这样做.当我开始开发移动电话时,我本来也很困惑. iPhone 4(和其他高分辨率设备)实际上显示与前辈相同的页面宽度.这可能是因为这样一个事实,即到处都是看起来很小的地方,如果他们没有这样做,可能会被搞砸了.但是有一个区别.高分辨率电话只需以更高的分辨率显示所有内容(但尺寸相同).
这与文本和背景颜色无关,但您会发现图像在iPhone上看起来并不清晰,因为它们正在调整大小.我做的是图像分辨率的两倍,给他们固定和高度到他们的“非高分辨率”大小,并使用-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;
}
}
