2

今、私は Android WebView スクリーン フィット モードのモードを使用しました: 1. html ファイルのメタを次のように設定します

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">

スケールがなく、幅をターゲット幅ではなくデバイス幅に合わせます 2.Androidアクティビティでは、WebViewのWebSettingをこのように設定しました

               webView.setInitialScale(100);


                webView.setScrollBarStyle(1);

        webView.setVerticalScrollBarEnabled(false);
        webView.setHorizontalScrollBarEnabled(false);
        webView.setFocusable(true);

        WebSettings webSettings = webView.getSettings();


                webSettings.setJavaScriptEnabled(true);
        webSettings.setUseWideViewPort(true);


                webSettings.setJavaScriptCanOpenWindowsAutomatically(false);
        webSettings.setDatabaseEnabled(true);


                webSettings.setPluginsEnabled(true);
            webSettings.setAllowFileAccess(true);
            webSettings.setDomStorageEnabled(false);
            webSettings.setSupportZoom(false);

            webSettings.setRenderPriority(RenderPriority.HIGH);

jquerymoblieフレームワークをどこかで使用したため、webviewのズームを有効にしません。list,form... のようなコンテンツは jquerymoblie だけで正常に表示される場合があることがわかりました

しかし、背景に不規則な画像を設定したり、テキストやその他のものを設定したりする場合、異なる解像度で適切な場所に収めるのは困難です。

そして、これは異なる解像度でいくつかの異なる位置を作ります

私はそれをcssのすべての使用パーセント幅高さに合わせようとしましたが、うまくいきましたが、それほど悪くはないようです。そして、1つのcssに合う1つの解像度を使用しようとしましたが、多くのことがうまくいきました。Androidデバイスには非常に多くの解像度があるため、バージョンの異なるAndroid OSでも異なります。

この問題を解決する良い方法はありますか? ありがとう!

4

1 に答える 1

0

これを試して。WebView で HTML を使用する

webView.loadDataWithBaseURL(null,
                "<!DOCTYPE html><html><body style = \"text-align:center\"><img src= "
                        + \"http://www.koenvangorp.be/photos/2005_09_16-moon_2000.jpg\"
                        + " alt=\"pageNo\" width=\"100%\"></body></html>",
                "text/html", "UTF-8", null);

こちらのドキュメントも参照してください

于 2013-01-09T11:35:52.310 に答える