我需要有人帮助澄清我对高密度屏幕新手机像素大小的理解。从那时起，它就给我的网页设计带来了麻烦。
我对智能手机的最初理解是像素尺寸大约为 480 x 320，这使得设计变得容易，因为像素仍然是相同的像素。
然而，一些智能手机比这个多一倍（或更多）。我相信 iPhone 确实是双倍的，为 960 x 640。我的 Galaxy Nexus 为 1280 x 720。
现在，使用 % 时效果很好。然而，我想在很多事情上使用固定像素值。例如，许多高度值不需要位于 %s 中。此外，如果高度固定，有些项目，如徽标、图标、一些图片，我不希望在宽度变宽时被拉伸......所以这些需要一致的值。
然而，当像素并不是真正一致的物理测量时，我该如何处理这个问题？
使用示例会更容易，所以如果有人可以以图标为例向我解释。
当我在手机上登录 Facebook 时，我会在导航栏中看到这三个通知图标（好友请求、消息和其他内容）。这些是固定的。无论我的手机直立还是侧放，它们的尺寸都保持完全相同。唯一随宽度变化的是......本质上是我正在工作的空间之间的空间。
这些图标的尺寸是多少？其一，我知道标准图标通常是 16x16。那么，在这些高密度智能手机上它们需要是 32x32 吗？然而，它们的大小似乎也与我在桌面上看到的 16x16 图标不同。它们看起来可能更像 12x12。所以，不确定，但我认为智能手机和台式机有不同的“标准”图标大小（那会是什么？）。
无论如何，我已经有了 CSS 来识别正在使用手机来实现我的移动布局。但是，我是否必须更进一步，让它识别像素密度，然后将我的固定值调整为（在本例中）双倍？或者还有其他/更好的方法吗？
感谢任何和所有的帮助。我有点困惑，而且关于这方面的信息并不多。感谢并抱歉发了这么长的帖子！
设备的像素密度列表：http://www.binvisions.com/articles/tablet-smartphone-resolutions-screen-size-list/你的问题可能是比例的变化。
这是一篇不错的文章，涵盖了我个人喜欢参考的一些响应式研究
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
跳到最后；例如，iPhone 4 Retina 显示屏的像素密度是其两倍，这里是上面针对它的文章中的示例（尚未测试）http://thomasmaier.me/blog/2010/06/23/css-for-iphone-4-retina-display/
另一篇文章提供了一些关于必须使用不同 ppi 制作 2 个图像的信息http://bjango.com/articles/designingforretina/
我个人使用 Twitter 的 Bootstrap 及其 Responsive 插件来使用 CSS 进行设计布局：http://twitter.github.com/bootstrap/scaffolding.html#responsive
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
