2

现在，我使用了一种 android webview screen fit mothed 的模式： 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);

没有为 webview 启用缩放，因为我在某个地方使用了 jquerymoblie 框架；我发现 jquerymoblie 中的列表、表单等任何内容都可能显示正常

但是如果你想为背景设置一些不规则的图片和一些文字或其他，你很难以不同的分辨率将它放在正确的位置。

这会在不同的分辨率下做出一些不同的位置

我试图在css中使用百分比宽度高度来适应它，但是它的工作似乎还不错。然后我尝试使用一种适合一个 css 的分辨率，这对我来说非常有用。因为安卓设备有很多分辨率。而且不同版本的安卓操作系统也不同。

有人有解决这个问题的好方法吗？谢谢！

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 回答