3

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

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

我好像管不了！

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

4

1 回答 1

4

首先，为什么不大部分时间使用这些信息（来自 Quirksmode 的 PPK 关于devicePixelRatio）

Retina iPhone 在纵向模式下的宽度为 640 物理像素。尽管如此，使用元视口的网站不应该变成 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 和现在存在的不同比率的先前有趣文章和更新的链接

于 2013-05-09T11:47:43.733 回答