iPhone 4的视网膜显示屏密度是iPhone 3的两倍,但苹果处理得相当好,只是做了一个假设,在渲染时将像素增加了一倍(这样你的网页在每台设备上看起来都是相同的物理尺寸)。然后,您可以使用一些webkit媒体查询来加载该设备的额外CSS (-webkit-min- device -pixel-ratio:2)。
问题:有没有一个资源a)列出了现在使用高PPI屏幕的其他移动设备,b)设备在渲染网站方面默认做了什么,以及c)它是否支持webkit检查和/或它自己的自定义检测方法?
如果没有,也许这篇文章可以通过在特定设备上发布信息作为答案来成为资源(CW)。我不得不开始与使用高分辨率屏幕的BlackBerry和诺基亚设备打交道(安卓系统也即将推出)。任何数据感谢!
更新:
经过一些测试后,我发现确实没有任何其他移动设备能够像iPhone 4那样拥有双倍的密度。现在有一些屏幕的PPI要高得多(通常是在较小的设备上),但设备并没有以任何方式声明自己是高PPI。也许更好的解释是,这些设备只有“非常小的像素”。
因此,考虑到所有站点都是相同的,所以没有一种实用的方法来处理这些设备,所以任何修改您的站点的尝试都可能会干扰用户自己的首选项和设置。
如果任何人知道除了iPhone 4以外的任何设备都可以正确地声明自己是高PPI的,现在就告诉我吧!
发布于 2011-02-24 01:36:30
类似的问题请看这里:
How to target iPhone 3GS AND iPhone 4 in one media query?
几天前我问过,我不认为有这样的东西的清单,但如果你知道你想要瞄准的设备,就不难找到并因此瞄准这些设备。
最好的检测方法是使用CSS3 @媒体查询,鉴于Opera是最受欢迎的移动浏览器,安全的假设是在@媒体查询的同时使用webkit扩展。
https://stackoverflow.com/questions/5094040
复制相似问题