1

Webビューに表示する必要のある複数のスタンドアロンhtml5Webページを持つアプリを作成中です。私は現在、AndroidアプリのWebビューで開くhtml5とcss3でサンプルのダミーページを作成しました。

問題は、ルックアンドフィールが本来あるべきほど良く見えないことです。以下は、最初に開いたときのAndroidWebビューでのサンプルページのスクリーンショットです。

html5-webviewサンプル画像
(出典:abhisheksabbarwal.com

現在のバージョンは少しズームインされています。ユーザーは組み込みのズームコントロールを自由に使用できます。私は現在、Webビューに次のプロパティを使用しています。

mWebView.getSettings().setUseWideViewPort(true);
mWebView.getSettings().setBuiltInZoomControls(true);

ただし、ディスプレイが正しく表示されません。ビューをより適切に見せるためのヒント/コメント/提案をリクエストしていますか?Webビュー用にこれらのページを作成する際に従う必要のあるガイドラインはありますか、または適切に処理する必要がある特定のWebビュープロパティはありますか?

私はhtml5とcss3の標準に不慣れです。WebページをWebアプリケーションのプロフェッショナルページのように見せたいです。誰かが私にこれを正しくするように導くことができますか?私はたくさんの情報を調べてきましたが、何をすべきか正確に理解できず、上記のダミーページを作成することになりました。必要に応じて、より多くの情報を共有できます。この長い投稿をお読みいただき、ありがとうございます。あなたのアドバイスは間違いなく役立ちます。

4

1 に答える 1

0

物事をすばやく立ち上げて実行したい場合は、HTML5ボイラープレートとブートストラップでInitializr(www.initializr.com)を使用することを検討してください。そこにはたくさんのチュートリアルがあり、HTMLとCSSに精通している場合は、すぐにこれを理解することができます。

Webビューに関しては、画面全体にレイアウトを設定していることを確認してください。

    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
于 2012-10-23T19:21:24.843 に答える