2

StageWebView を使用してローカル HTML ファイルをロードする Flex Mobile アプリケーションがあります。

組み込みのエミュレーター（Galaxy S3画面、1280x720、320dpiをシミュレート）と実際のS3を使用して、PCでデバッグしています。

アプリには、stageHeight と stageWidth を使用する四角形に設定された StageWebView viewPort があります。(1280×720)

PC では、HTML ファイルが完全に表示され (HTML ファイルには 1280x720 の背景画像があります)、スクロールはありません。

ただし、私の携帯電話では、Web ビューに HTML ファイルが「ズーム」されて表示され (ズームインと言いましたが、実際にはズームアウトできません!)、すべてのコンテンツを表示するにはスクロールする必要があります。コンテンツは 2 倍のサイズで表示されます (背景画像を 360x640 に設定すると、スクロールせずに電話画面に収まります)

エミュレーターが同じ解像度と DPI に設定されているのに、コンテンツの表示が異なるのはなぜですか?

さらに重要なことに、携帯電話が HTML ファイルを「ズーム」してスクロールさせているように見えるのはなぜですか? コンテンツと電話の解像度は一致していますが、StageWebView は理解していないようです。

この投稿を見つけてクリックしてください、バグがあることを示唆しているようですが、彼の問題は、私が使用しているビューポートメタタグを使用していない場合にあると述べています!

スケーリングの問題を修正する方法を知っている人はいますか? Flex アプリケーションをさまざまなデバイスで適切にスケーリングし、StageWebView で HTML ファイルを正しく表示することができれば幸いです。

4

2 に答える 2

2

Android でメタ ビューポートを使用している場合は、必ず target-densitydpi 値を設定してください。

<meta name="viewport" content="width=device-width, user-scalable=no, target-densitydpi=device-dpi">

または、css ズームを使用できる場合、ズーム値は密度非依存ピクセル (DP) 値に関連し、html ページ サイズと比較します

Adobe に関するこの記事を参照してください。

于 2013-08-26T20:34:38.057 に答える
0

同じ問題で頭を壁にぶつけていました。Xoom (Android 3) ではローカル ファイルは完全に表示されましたが、Nexus (Android 4.2.2) では、stagewebview でコンテンツが正しく表示されませんでした。

私の解決策は、css タグの href を変更することでした。ここを参照してください：

Android devの静的webviewウィンドウでローカルcssファイルを参照するには? .

したがって、ローカルの HTML ファイルでは、次のように変更されました。

<link rel="stylesheet" href="file:///styles/style.css" type="text/css" />
于 2013-05-09T07:06:25.537 に答える