新しい 4.4+ Android Webview のビューポート関連の問題に関する解決策を探しています。
問題は、詳細には、新しい 4.4+ Android Webview で、ビュー ポートが正しく処理されていないか、無視されている可能性があるため、コンテンツがデバイスの幅を適切に満たしていないことです。
再現方法:
<html>
<head>
<meta name="viewport" content="width=320">
<body style="margin:0px;">
<div style="width:320px; height:300px; background-color:purple;">
<div style="background-color:rgba(110,110,110,0.7);">
This box is 320px wide.
</div>
</div>
</body>
</html>
デバイスで表示した場合、上記のページは画面の幅全体を覆う紫色のボックスを描画するべきではありませんか?
以下はグラフィカルなデモンストレーションです。
上記でコード化された html ページ。アプリを通じて表示される単純な 320 ピクセルのボックス: https://drive.google.com/file/d/0B2beYh8CaQEUTEREdFNaRFZvbHc/edit?usp=sharing
上記と同じ html ページ、同じデバイス、chrome で表示: https://drive.google.com/file/d/0B2beYh8CaQEUamoyNmZzVjA5WWc/edit?usp=sharing
最初の質問ですが、アプリでビューポートのメタ タグが無視されるのはなぜですか?
以下を変更してみました: this.appView.getSettings().setUseWideViewPort(true); this.appView.getSettings().setLoadWithOverviewMode(true);
まだ運がない
次のスレッドを見てきました: Android 4.4 の WebView と初期スケールの Android -- PhoneGap/WebView はビューポートのメタ タグを無視しますか?
まだ助けが必要です:(