さまざまな解像度に合わせてAndroidアプリ（webview）をデザインする方法は？

Question

アンドロイドアプリはwebviewで作成されます。

多くの画面解像度があり、側面の比率が異なります。
240×320（3：4）、320×480（2：3）、480X800（3：5）、720x1280（9時16分）...

にすることが可能である..
- ウェブのサイズを設定しますページが最大のものになり、スペースが残っています（しかし、見た目が良くないようです）。電話の解像度が小さい場合は、画面に合うようにスペースを「切り抜く」（スペースを作ったり、スペースがサイズに合わない場合はどうすればいいですか？）
- 電話機のタイプを検出し、サイズ、テキストサイズを設定します。

最高の解決策は何ですか？
ありがとう！

Answer 1

アンドロイドでは、スクラッチや相対的な配置のためにいくつかの属性を与えることができます。 あなたの場合、私は単にすべての画面に及ぶwebviewを使います。だから私はあなたのアンドロイドアプリがいくつかのウェブのURLからコンテンツを表示する単一のWebビューを持っていることを理解

  android:layout_width="fill_parent" 
      android:layout_height="fill_parent" 

Answer 2

：そのためにあなたは以下のあなたのWebViewのに属性を与えることができますか？ HTMLページの表示/スタイリングを制御できますか？

複数の画面サイズのサポートは、Webビューで表示されるHTMLページから行う必要があります。 私の提案は、たとえば、それぞれ小/中/大画面サイズ用に3セットのCSSを持つことです。

Androidでは、アプリを実行している端末のサイズと解像度を簡単に検出し分類しました。あなたのWebビューは、ページをロードするときに、ここでhttp://www.your-html-page.com?screen=large

Supporting multiple screen size

Answer 3

ような余分のparamを渡すGoogleからのベスト・プラクティスのリストです。 http://developer.android.com/guide/webapps/targeting.html

答えは、ビューポートメタタグを使用してページをフォーマットしています。他のプロパティの中でピクセル密度と幅を設定することができます。

これをあなたに入れ、設定します。

<meta name="viewport" 
    content=" 
     height = [pixel_value | device-height] , 
     width = [pixel_value | device-width ] , 
     initial-scale = float_value , 
     minimum-scale = float_value , 
     maximum-scale = float_value , 
     user-scalable = [yes | no] , 
     target-densitydpi = [dpi_value | device-dpi | 
          high-dpi | medium-dpi | low-dpi] 
     " />