现在,我使用了一个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);
没有为webview启用缩放,因为我在某个地方使用了jquerymoblie框架; 我发现像jquerymoblie这样的列表,表单等任何内容都可能显示正常
但是如果你想为背景设置一些不规则的图片以及一些文字或其他图片, 你难以在不同的分辨率下适合它。
这会在不同的分辨率下产生一些不同的位置
我试图在css中使用百分比宽度高度,但它的工作效果似乎并不太糟糕。 然后我尝试使用一个适合一个css的分辨率,这对我来说很有用。 因为在android设备中有这么多分辨率。在不同版本的Android OS上也有所不同。
有人有一个很好的方法来解决这个问题吗? 谢谢!
答案 0 :(得分: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);
也请参考docs此处