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,请立即告诉我!
答案 0 :(得分:0)
在这里查看类似的问题:
How to target iPhone 3GS AND iPhone 4 in one media query?
几天前我问了这个问题,我不认为有这样的东西列表,但是如果你知道你想要定位的设备,就不难发现并因此瞄准这些设备。
最好的检测方法是使用CSS3 @media查询,并且鉴于Opera是最受欢迎的移动浏览器,在@media查询旁边使用webkit扩展是安全的假设。