1

前のスレッドのフォローアップですが、かなり新しい内容です..そして状況の変化。

だから私は Android アプリを作成し、通常はメモ帳で Adob​​e Muse に書き込みますが、今回は Muse の方が簡単で、すべてのファイルを電話として構成し、解像度は 1280x720 です。私のテスト デバイスは HTC one X で、画面解像度は 1280x720 です。すべてのコードが完成したら、Adobe Phonegap で APK にコンパイルし、それを自分の電話にインストールします。

実際、muse (site @ 1280x720) で書いたものは、携帯電話の画面では 1:1 である必要があります。しかし、そうではありません。実際、すべてを 2 倍のサイズで表示します。私は自分の画面をスクロールすることができます..

実際、キャンバス全体を使用して、ホームページと 1 つの画像だけを含む 2 番目のバージョンを作成しましたが、これは元のサイズのちょうど半分のサイズにしました。したがって、360x760 のキャンバスです。コンパイルして再度インストールすると、スクロールせず、画像が画面いっぱいに表示されます。

別の意味で: 移動中のどこかで、私の電話は、実際のサイズ (1280x720) の半分 (360x640) の画面サイズであると認識しています。

で簡単なテストを行いました

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

どういうわけか画面全体の「半分」に収まることを願っていますが、運が悪いです。

だからみんな：ここにいるのは、すべて迷って、もう手がかりがありません. HTML/CSS/JS の設定を機能させるには誰が助けてくれますか? 問題が電話ギャップの設定にある場合は、そこで助けてくれますか?

ここをクリックしてサイト ファイルとコンパイル済みの APK をダウンロードし、自分でテストしてください。注: APK を (エミュレータではなく) 携帯電話にインストールし、画面サイズが 1280x720 と異なる場合は、もちろんスクロールが発生します。

ps 解像度 480x800 のホームページと画像のみの 2 番目のテスト バージョンを作成し、Samsung S3 mini でもテストしました (画面解像度 480x800)。全体が 2 倍に拡大されているように見えます..本当に迷っています。

pps 他の誰かが「覚えておいてください、あなたはまだステータスバーを持っています」と言いました。同じことを考えている人のために: 全画面表示に設定し、ステータスバーを非表示にして全画面表示にしました。

4

1 に答える 1

2

私たちの問題の解決策を得ました:

  • 「src/com.company.yourapp/YourApp.java」の下にある YourApp.java を開きます。
  • 次のコードを loadUrl() 呼び出しの下に配置します

// ビューポート設定 WebSettings settings = appView.getSettings(); settings.setUseWideViewPort(true);
settings.setLoadWithOverviewMode(true);

  • index.html を開き、viewport メタタグを (再) 配置します。
<meta name="viewport" content="target-densitydpi=medium-dpi, user-scalable=no, initial-scale=0.5, minimum-scale=0.5, width=device-width" />
于 2014-01-03T07:33:12.987 に答える