我需要有人帮助澄清我对高密度屏幕新手机像素大小的理解。因为，它在我的网页设计中加入了一个曲线球。
我对智能手机的最初理解是像素大小大约为 480 x 320，这使得设计变得容易，因为像素仍然是相同的像素。
然而，一些智能手机是这个的两倍（或更多）。我相信 iPhone 确实是 960 x 640 的两倍。我的 Galaxy Nexus 是 1280 x 720。
现在，这在使用 %'s 时工作得很好。但是，有很多事情我想使用修复像素值。例如，许多高度值不需要在 %s 中。另外，如果高度是固定的，一些项目，比如标志、图标、一些图片，我不想在宽度变宽时被拉伸……所以这些需要一个一致的值。
但是，当像素不是真正一致的物理测量时，我该如何处理？
使用示例时更容易，因此如果有人可以向我解释，请以图标为例。
当我在手机上登录 Facebook 时，我会在导航栏中看到这三个通知图标（好友请求、消息和其他内容）。这些是固定的。无论我的手机是直立的还是侧放的，它们的尺寸都是一样的。唯一随宽度变化的是......之间的空间......基本上是我正在工作的东西。
这些图标的尺寸是多少？一方面，我知道标准图标通常是 16x16。那么，这些高密度智能手机是否需要 32x32？但是，它们似乎也与我在桌面上看到的 16x16 图标大小不同。它们看起来可能更像 12x12。所以，不确定，但我认为智能手机和台式机的“标准”图标大小不同（那会是什么？）。
无论如何，我已经有 CSS 标识正在使用手机来实现我的移动布局。但是，我必须更进一步让它识别像素密度，然后将我的固定值调整为，在这种情况下，加倍吗？还是有另一种/更好的方法？
任何和所有的帮助表示赞赏。我有点难过，关于这方面的信息并不多。感谢和抱歉冗长的帖子！