2012-03-16 8 views
2

私はSenchaTouch2でAndroid Appを開発しています。私は480pxの幅を持つGalaxySIIに合うように背景画像として480px幅のpngファイルを使用しました。これはブラウザではまったく問題ありませんが、ネイティブアプリとしてエクスポートした後、その背景が拡大して表示範囲外になります。SenchaTouch 2で使用されている画像が通常のサイズよりも1/3大きい理由を教えてください。

いくつかの観察の後、480pxの画面に収まるようにするには、オリジナルの画像は1/3の320pxの解像度にする必要があります。 オリジナルの幅nの高さで背景を表示できる人は誰に教えてください。

ありがとうございます!

答えて

2

WebViewがスケーリングを実行しているようです。つまり、デフォルトのスケール1.0は、mdpiデバイスに等しいです。 Galaxy SIIはhdpiデバイスで、規模は1.5です。 480pxの画像が480px * 1.5または720pxになり、320pxがあなたの望むように見えるのはなぜですか。

ビューポートがそのようなデバイスのネイティブDPIを使用するように指定してみてください。

<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width"/> 

また、あなたのようにそれを指定することができます。

<meta name="viewport" content="target-densitydpi=device-dpi, initial-scale=1.0"/> 

あなたがに、ビューポートの設定についての詳細を読むことができますターゲットのAndroid搭載端末:http://developer.android.com/guide/webapps/targeting.html

以降のフォントの問題が発生した場合は、の回答の手順に従う必要がありますhttp://www.sencha.com/forum/showthread.php?184219-Viewport-Meta-Tags-not-injected-automatically

はまた、彼らはこの自動ビューポートの設定をオフに似煎茶タッチ2のために、それが見えることに注意してください

関連する問題