Question

Javascript告诉我，我的Galaxy S3的屏幕分辨率为720x1280 但该文件报告为360x567。

是否可以让文档更准确地反映屏幕分辨率？也许在视口上的初始比例？

我似乎无法管理它！

为了澄清，我知道我的设备分辨率在纵向模式下是720px宽，但是当在网页上放置元素时，元素以360px宽填充页面的宽度，因为设备对每个css像素使用2个硬件像素。我可以阻止设备这样做吗？

Answer 1

首先，为什么不在大多数时间使用该信息（来自Quirksmode的PPK关于devicePixelRatio）

Retina iPhone在纵向模式下的宽度为640个物理像素。但是，使用meta视口的网站不应该变成640px 宽，但保持在320，这是最佳的阅读尺寸 iPhone。

其次，如果你仍然想要专门针对高分辨率设备（Apple称为Retina），你应该阅读Cross Browser Retina/High Resolution Media Queries，其中最短的片段是：

@media 
  only screen and (-webkit-min-device-pixel-ratio: 2), 
  only screen and (min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
}

但还有其他一些内容以及之前3篇关于Windows Phone，Opera Mini，Firefox OS以及现有不同比率的有趣文章和更新的链接