3

PhoneGap を使用して Android アプリを開発していますが、すぐに問題が見つかりました。画像 (背景または画像タグ) を挿入すると、必要以上に大きく表示されます。

私は当初、これは私のエミュレーターの問題であり、アプリを異なる比率で表示していると思っていましたが、そうではありませんでした! スクリーンショットを撮りました。AVD で定義したように、ビューポートの幅は 540 です。

下のスクリーンショットでわかるように、HTML でイメージ タグを設定し、幅を 69 に、高さを 70 (ソース イメージの実際の寸法) に強制しました。しかし、それは常により大きくレンダリングされます!

「元のソース画像」というラベルは、ディレクトリからスクリーンショットにドラッグした実際の画像を指しています。これは、それらが非常に異なることを証明するためです.

問題のスクリーンショット

4

1 に答える 1

2

Android プロジェクトには、ドローアブル (画像) を配置するさまざまなフォルダーがあります。これらは xdpi hdpi mdpi ldpi と呼ばれます。PhoneGap がどのように機能するかはわかりませんが、phonegap に画像を配置するフォルダーを指定できるはずです。これは、メタタグでデバイスの dpi を指定した人です。おそらくこれを試すことができます:

メタタグ

<meta name="viewport" content="width=device-width; target-densityDpi=device-dpi; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=0" />
于 2012-05-16T21:23:05.170 に答える