iphone圖像大小調整

我在使用phonegap（基本上是移動網站已經原生應用程序）爲我的iPhone應用程序調整大小圖像和UI元素時遇到了麻煩。這裏是我的PSD設置：iphone圖像大小調整

寬度：640像素，高度：960像素分辨率：326px

我創建兩個圖像，一個半分辨率和其他滿。然後，我使用插件識別視網膜顯示並用「* -2x」替換所有圖像。麻煩的是，我的視網膜iphone上的圖像顯得較大，並且模糊。我想知道如果我的視窗是搞亂的東西了，因爲它會放大在屏幕上，以適應應用程序：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

我將不勝感激任何幫助，您可以在這個問題上提供。我曾嘗試過發佈此消息，但沒有任何答案似乎有效。謝謝！

2012-02-21 nate8684

我從來沒有使用PhoneGap的，而是使HTML顯示的圖像在視網膜水庫我做的是鏈接到一個視網膜清晰度圖片，形象地說是640×960像素，但在HTML中設置的大小屬性來小320x480。

原因是，iOS使用分辨率獨立的「點」而不是「像素」進行佈局。

希望這會有所幫助！

2012-02-21 16:35:01

我可以通過編碼「img {width：50％; height：50％}」來縮小所有視網膜圖像的大小嗎？還是有更好的方法來大規模處理這個問題？ – nate8684 2012-02-21 16:47:46

這可以工作。這是總體思路。 – 2012-02-21 17:24:24

最後一個問題，我是否也需要調整非視網膜顯示器的大小？這是視口方法的產物嗎？ – nate8684 2012-02-21 18:51:56

回答