我一直在努力了解如何提高手机设计的按钮质量。我的导航按钮目前是一个72 ppi的png精灵，然后我有一个326 ppi的这些按钮的副本。我读到iphone4可以通过在当前导航精灵中添加@x2来自动拾取326ppi图像？目前，我只是对这个过程有点困惑，以及我当前194x343px@72ppi的导航精灵是如何变成335x1469px@326ppi的图像的？
如果有人能提供一些有用的信息和指导，那就太好了。
Kyle
根据我所能收集到的信息，您可以使用此技术创建一个针对iPhone4的覆盖样式表。你需要的是一个@media查询，你就可以去了。
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
/* iPhone 4 styles */
}
或者，如果您想链接到外部样式表，请使用：
<link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)" type="text/css" href="../iphone4.css" />
如果你的按钮在普通显示器上的尺寸是194x343px，那么在你的项目中包括一个名为button.png的文件，并在界面生成器中链接到它，那么你还需要一个尺寸为388x886px（两倍大）、文件名为button@2x.png在您的项目中。当你的应用程序在视网膜显示器上运行时，它会自动使用这个更高分辨率的图像。