2012-02-21 13 views
1

私はphonegap(基本的にモバイルウェブサイトがネイティブアプリになってしまった)を使用して自分のiPhoneアプリ用の画像とUI要素のサイジングに関する問題を解決しています。ここに私のPSD設定です:iphone image sizing

幅:640ピクセル幅 高さ:960ピクセル幅 解像度:326px

私は二つの画像、フルで半分の解像度で1、その他を作成しています。次に、プラグインを使用して網膜ディスプレイを認識し、すべての画像を「* -2x」で置き換えます。問題は、私の網膜のiPhoneで画像が大きく見え、ぼやけていることです。それがアプリに合わせて、画面にズームインとしての私のビューポートが物事をめちゃくちゃにされている場合、私は思ったんだけど:

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

私は非常にあなたがこの問題に提供することができます任意の助けをいただければ幸いです。私はこれについて以前に投稿してみましたが、答えのどれもうまくいかないようです。ありがとう!

答えて

1

私はPhoneGapを一度も使ったことがありませんが、Retina resのHTMLショーイメージを作成するには、網膜のres imageへのリンクです。イメージは640x960ピクセルですが、HTMLでは320x480に設定します。

理由は、iOSではレイアウトに「ピクセル」の代わりに解像度に依存しない「ポイント」が使用されているからです。

希望すると便利です。

+0

「img {width:50%; height:50%}」と記述することで、網膜の画像のサイズを小さくすることはできますか?これを大規模に処理するには良い方法がありますか? – nate8684

+0

それはうまくいくかもしれません。それが一般的な考えです。 –

+0

もう1つの質問ですが、非網膜ディスプレイのサイズを下げる必要がありますか?これはビューポートメソッドの製品ですか? – nate8684

関連する問題