Javascript iphone4+；对于web应用程序，默认分辨率为320px，我想使用完整的640px

iPhone4+对于web应用程序的默认分辨率为320px，我想使用完整的640px

我可以改变iPhone 4+的这种行为来报告真正的分辨率吗

编辑： 所以我可以用

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

---

但是，在设置此标记之前，我如何确定它是iPhone 4+呢？

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

答案很长：不要那样做。当我开始为手机开发时，我对这一点也很困惑。iPhone4（和其他高分辨率设备）实际上显示的页面宽度与前代产品相同。这可能是由于这样一个事实，即各地的网站看起来都很小，如果不这样做，可能会一团糟。不过，这是有区别的。高分辨率手机只是以更高的分辨率显示所有内容（但尺寸相同）

这对于文本和背景色之类的东西并不重要，但你会发现图像在iPhone上看起来不那么清晰——这是因为它们的大小正在调整。我所做的是将图像的分辨率提高一倍，将其固定为“非高分辨率”大小，并使用

-webkit背景大小：100%100%。通过这种方式，较旧的设备会像普通设备一样显示，而高分辨率设备看起来又清晰又漂亮。需要注意的是，这会使图像文件的大小变大

有关为什么像素不总是像素的更多信息，请参阅此链接：

此外，如果您想专门针对具有CSS的高分辨率设备。您可以使用媒体查询：

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