今、私は 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でも異なります。
この問題を解決する良い方法はありますか? ありがとう!