将iPhone 4的图像质量从72ppi提高到326ppi [英] enhancing image quality for iphone 4 from 72ppi to 326ppi

问题描述

我一直在努力了解如何提高我的移动设计的按钮质量。我的导航按钮目前是一个png精灵是72ppi，然后我有一个这样的按钮在326 ppi的副本。我已经读到iphone4可以自动拾取326ppi图像添加@ x2到当前导航精灵？目前我只是对这个过程有点困惑，我的当前导航精灵194x343px @ 72ppi可以改变成一个图像335x1469px @ 326ppi？

I have been trying to understand how to enhance the button quality of my mobile design. My navigation buttons are currently a png sprite that is 72ppi then I have a copy of these buttons in 326 ppi. I have read that iphone4 can automatically pick up the 326ppi image by adding @x2 to the current navigation sprite? At the moment I'm just a little confused about the process and how my current navigation sprite of 194x343px @ 72ppi can change into an image 335x1469px @ 326ppi?

如果任何人都可以提供一些非常有用的信息和指导。

If anyone can provide some useful info and guidance that would be great.

Kyle

推荐答案

p>根据我可以收集的内容，您可以使用这种技术。你需要的是一个@media查询，你很好。

Based on what I could gather, you can create an override stylesheet targeted towards iPhone 4 using this technique. What you need is a @media query, and you're good to go.

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    /* iPhone 4 styles */
}

b $ b

或者，如果您想要链接到外部样式表，请使用：

Or, if you would want to link to an external stylesheet, use:

<link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)" type="text/css" href="../iphone4.css" />

这篇关于将iPhone 4的图像质量从72ppi提高到326ppi的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！