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