Css 智能手机的网页设计-像素大小

我需要有人帮助澄清我对高密度屏幕新手机像素尺寸的理解。从那以后，我的网页设计就有了一个曲线球

我对智能手机的最初理解是像素大小大约为480 x 320，这使得设计变得简单，因为像素仍然是相同的像素

然而，有些智能手机的价格是这个数字的两倍（或更多）。我相信iPhone是真正的翻倍，960x640。我的Galaxy Nexus是1280 x 720

现在，当使用%时，它可以正常工作。然而，有许多事情我想使用固定像素值。例如，许多高度值不需要以%s为单位。此外，如果高度是固定的，一些项目，如标志，图标，一些图片，我不想被拉伸时，宽度变宽。。。因此，这些将需要一个一致的值

然而，当一个像素不是一个真正一致的物理测量值时，我该如何处理这个问题呢

使用一个例子更容易，所以如果有人能给我解释一下，比如说图标

当我在手机上登录Facebook时，我会在导航栏中看到这三个通知图标（好友请求、消息等）。这些是固定的。无论我的手机是直立的还是侧面的，它们的大小都是一样的。唯一随宽度变化的是。。。基本上就是我工作的目的

这些图标上的测量值是多少？首先，我知道标准图标通常是16x16。那么，这些高密度智能手机是否需要32x32？然而，它们似乎与我在桌面上看到的16x16图标大小不一样。它们看起来更像12x12。所以，不确定，但我认为智能手机的“标准”图标尺寸与台式机的不同（会是什么？）

不管怎么说，我已经有了CSS识别手机被用来实现我的手机布局。然而，我必须更进一步，让它识别像素密度，然后调整我的固定值，在这种情况下，是双倍的吗？还是有其他/更好的方法

---

非常感谢您的帮助。我有点不知所措，关于这方面的信息并不多。感谢并为冗长的帖子感到抱歉

设备的像素密度列表： 你的问题可能是比例的变化

这是一篇很好的文章，涵盖了一些我个人喜欢参考的响应性研究

跳到最后；例如，iPhone4Retina显示器的像素密度是原来的两倍，下面是上述文章中的一个例子（尚未测试）

还有一篇文章提供了一些关于必须使用不同ppi制作两张图像的信息

我个人使用Twitter的Bootstrap&它的响应插件来使用CSS进行设计布局：

---

听起来问题在于像素比例。视网膜显示器的像素比为2:1（视网膜上的一个像素与常规显示器上的2个像素相同）。这将导致分辨率看起来是预期的两倍。关于这个话题有很多正在进行的讨论，我相信你可以通过搜索找到一些文章。这里有一篇文章可能会给你提供更多信息（有很多）谢谢！这些是我本可以要求的最有用的链接。维基百科的文章已经被删除了。以下是具有像素尺寸的设备的另一个列表：