PhoneGap和Retina顯示

我使用phoneGap爲iPhone創建應用程序，但我確定它不能使用視網膜顯示，而不是使用舊的iPhone3分辨率。PhoneGap和Retina顯示

當使用phoneGap進行開發時，有什麼方法可以爲iPhone提供2個版本？這是一個使用視網膜的版本，而另一個版本的舊版設備的分辨率最差。

謝謝

來源

2011-09-30 xus

是的，但您需要使用CSS媒體查詢或JavaScript。

http://troymcilvena.com/post/998277515/jquery-retina是一個jQuery插件，可以自動處理@ 2x圖像。

在CSS中，您需要使用以-webkit-min-device-pixel-ratio: 2爲目標的媒體查詢，用它們的高分辨率版本替換背景圖像（並設置background-size）。

來源

2011-09-30 15:06:36 ceejayoz

你會使用CSS媒體查詢。 '@media only screen and（-webkit-min-device-pixel-ratio：2）{.ui-page {background：transparent url（path/to/2x.jpg）; background-size：Xpx Ypx; }}'這隻會改變具有視網膜顯示分辨率的設備的元素。 – ceejayoz

感謝偉大的建議 – xus

Retina.js用較少的CSS它將解決您的問題。

在另一方面，與PhoneGap的問題（例如：你看不到的頁面像它應該，而不是你看到的一切放大）：在您的應用程序下面的代碼後：

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

添加到你的Cordova.plist：

EnableViewportScale : YES

來源

2012-07-11 14:18:29

「另一方面」爲我工作。謝謝。 – Jacksonkr

在phonegap或任何其他應用程序中啓用用戶縮放不是一個非常聰明的舉動，事實上目前爲止沒有任何應用程序似乎允許這樣做。 – andreszs

這不適合我。當我這樣做時，只會縮放頁面的內容，而不是應用程序中使用的實際UI元素，例如狀態欄仍處於尷尬的大小 – feupeu

PhoneGap和Retina顯示

回答

相關問題