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

然而,一些智能手机比这更多(或更多).我相信iPhone在960 x 640时确实是双倍的.我的Galaxy Nexus是1280 x 720.

现在,使用％的时候这很好用.但是,我想要使用修复像素值的东西很多.例如,许多高度值不需要在％s中.此外,如果高度是固定的,一些项目,如徽标,图标,一些图片,当宽度变宽时,我不希望被拉伸…所以这些将需要一致的值.

但是,当像素实际上不是一致的物理测量时,我该如何处理？

使用示例时更容易,所以如果有人可以向我解释,请以图标为例.

当我在手机上登录Facebook时,我会在导航栏中看到这三个通知图标(朋友请求,消息和其他内容).这些是固定的.无论我的手机是直立还是侧面,它们都保持完全相同的尺寸.唯一随宽度变化的是……之间的空间,基本上就是我的工作.

这些图标的测量结果是什么？首先,我知道标准图标通常是16×16.那么,他们需要在这些高密度智能手机上使用32×32吗？但是,它们的大小似乎与我在桌面上看到的16×16图标大小不同.他们看起来可能更像12×12.所以,不确定,但我认为智能手机有一个不同的“标准”图标大小,然后桌面(这会是什么？).

无论如何,我已经有CSS识别正在使用手机来获得我的移动布局.但是,我是否必须更进一步才能识别像素密度,然后调整我的固定值,在这种情况下,加倍？或者还有其他/更好的方法吗？

任何和所有的帮助表示赞赏.我有点难过,并没有太多关于此的信息.谢谢,抱歉这篇冗长的帖子！