PhoneGapとRetinaディスプレイ

私はphoneGapを使用してiPhone用のアプリケーションを作成していますが、それは古いiPhone3解像度を使用しているのではなく、網膜ディスプレイを使用していないと確信しています。PhoneGapとRetinaディスプレイ

phoneGapを使用して開発する場合、iPhone用に2つのバージョンを用意する方法はありますか？これは網膜を使用する1つのバージョンと古いデバイスに最悪の解像度を持つ別のバージョンです。

ありがとうございます。

出典

2011-09-30 xus

はい、CSSメディアクエリまたはJavaScriptを使用する必要があります。

http://troymcilvena.com/post/998277515/jquery-retinaは、@ 2倍の画像を自動的に処理するjQueryプラグインです。

CSSでは、背景イメージを高解像度のバージョンに置き換えて（background-sizeに設定）、-webkit-min-device-pixel-ratio: 2をターゲットとしたメディアクエリを使用する必要があります。

出典

2011-09-30 15:06:36 ceejayoz

あなたはそのためにCSSメディアクエリを使用します。 @media only screenと（-webkit-min-device-pixel-ratio：2）{.ui-page {背景：透明なURL（パス/ to/2x.jpg）;背景サイズ：Xpx Ypx; }} 'これは、網膜ディスプレイの解像度でのみデバイスの要素を変更します。 – ceejayoz

おかげさまでお礼申し上げます – xus

Retina.js CSSが少なくても問題は解決します。

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

：あなたのアプリに次のコードを使用した後：（それは、代わりにあなたはすべてがズームアップ表示されるはずのようなページが表示されないなど）のPhoneGapとの問題のために一方

、これをあなたのCordova.plistに追加してください：

EnableViewportScale : YES

出典

2012-07-11 14:18:29

"一方で"私のために働いた。ありがとう。 – Jacksonkr

携帯電話やその他のアプリケーションでユーザーズームを有効にすることはあまりスマートな動きではありませんが、実際にはこれまで許可されていないアプリはありません。 – andreszs

これは私のためには機能しません。私がそれを行うと、アプリケーションで使用される実際のUI要素ではなく、ページのコンテンツだけが拡大縮小されます。ステータスバーは厄介なサイズのままです – feupeu

PhoneGapとRetinaディスプレイ

答えて

関連する問題