iPhone 4 的 Retina 显示屏的密度是 iPhone 3 的两倍,但 Apple 处理得相当好,但只是做了一个假设并在渲染时将像素加倍(这样您的网页在每台设备上看起来都相同的物理尺寸)。然后,您可以使用一些 webkit 媒体查询为该设备加载额外的 CSS (-webkit-min-device-pixel-ratio:2)。
问题:是否有资源可以 a) 列出现在使用高 PPI 屏幕的其他移动设备 b) 该设备在呈现网站方面默认执行的操作和 c) 它是否支持 webkit 检查和/或它自己的自定义检测方法?
如果没有,也许这篇文章可以通过在特定设备上发布信息作为答案来成为该资源 (CW)。我必须开始处理使用高分辨率屏幕(以及随之而来的 Android)的黑莓和诺基亚设备。任何数据表示赞赏!
更新:
经过一些测试,我发现确实没有任何其他移动设备能够像 iPhone 4 那样将自己标识为双密度。现在有更高 PPI 的屏幕(通常在较小的设备上),但设备并没有以任何方式将自己声明为高 PPI。也许更好的解释方式是这些设备只有“非常小的像素”。
因此,鉴于所有站点的呈现方式都相同,因此确实没有一种实用的方法来处理这些设备,因此任何修改您的站点的尝试都可能会干扰用户自己的偏好和设置。
如果有人知道除 iPhone 4 之外的任何设备正确地声明自己为高 PPI,现在就告诉我!