开发者社区> 一叶飘舟> 正文

webview与HTML加载自适应问题解决方案(网页拖动右边有空白)

简介:
+关注继续查看
前几天项目遇到了webview加载HTML的时候,网页拖动右边有空白的现象,找了很多方案,都没解决,我研究了一下,其实很简单,特把方法列出来,供大家参考一下,希望能对大家有所帮助。

先看效果图
怎么拖都不会动,同时加 有对网页放大和缩小的功能。

先把代码拿出来,HTML的我是PHP写的,
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title><? echo $arr['subject'];?></title>
<style type="text/css">
<!--
*{ margin:0; padding:0}
body{
margin-left:0;
margin-right:0;
}
.STYLE1 {color: #006699; font-weight:bold}
-->
</style>
</head>

<body>
<table width="98%" border="0" cellspacing="2" cellpadding="2">
  <tr>
    <td ><span class="STYLE1"><? echo $arr['subject'];?></span></td>
  </tr>
  <tr>
    <td >作者:<? echo $arr[author];?>  时间:<? echo tranTime($arr[postdate]);?></td>
  </tr>
  <tr>
    <td><? echo $content;?></td>
  </tr>
</table>
</body>
</html>
跟一般的写法没什么两样,其中上面加载PHP的我省略掉了,相信大家能看明白。

下面是JAVA代码
String url="http://www.dengwei1999.com/newslist.php?id=8";
wv = (WebView) findViewById(R.id.webView1);
                wv.setVisibility(WebView.VISIBLE);
                WebSettings ws = wv.getSettings();
                //ws.setUseWideViewPort(true);
                ws.setJavaScriptEnabled(true);
                wv.addJavascriptInterface(new ContactsPlugin(), "contactsAction");
                //设置可以支持缩放   
                wv.getSettings().setSupportZoom(true);   
                //设置默认缩放方式尺寸是far   
                wv.getSettings().setDefaultZoom(WebSettings.ZoomDensity.FAR);  
                //设置出现缩放工具   
                wv.getSettings().setBuiltInZoomControls(true);

wv.loadUrl(url);

就这样就可以实现了,是不是很简单。呵呵

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
小程序webview内网页实现微信支付
小程序webview内网页实现微信支付
30 0
小程序webview组件,小程序和webview交互,小程序内联h5页面,小程序webview内网页实现微信支付
小程序webview组件,小程序和webview交互,小程序内联h5页面,小程序webview内网页实现微信支付
21 0
iOS WebView长按网页里的图片识别图片中的二维码和保存图片
iOS WebView长按网页里的图片识别图片中的二维码和保存图片
70 0
WebView加载不出Html5网页的解决方法,android studio 拾色器,ViewPager高度问题
WebView加载不出Html5网页的解决方法,android studio 拾色器,ViewPager高度问题
107 0
利用鸿蒙 JavaUI 框架的 WebView 加载本地冰墩墩网页
最近冰墩墩也太火了,各路大神纷纷表示用代码画冰墩墩,而我也刚好看到一个前端大神 Austin 用 JavaScript 前端写了一个冰墩墩,大家可以下载代码,本地打开就可以看到这个可爱的冰墩墩了。代码在后文参考资料中,大家可以自己下载。
76 0
微信小程序之内嵌网页(webview)
微信小程序提供了新的开放能力!它终于开放了在小程序中内嵌HTML页面的功能!从微信小程序基础库1.6.4开始,我们就可以在小程序内放置一个组件来链接我们的HTML页面了。
2549 0
Android WebView 获取网页的标题
final TextView txtTitle = (TextView) findViewById(R.id.txtTitle); final WebView webView = (WebView)findViewById(R.
1784 0
+关注
一叶飘舟
文章
问答
视频
文章排行榜
最热
最新
相关电子书
更多
天猫HTML5互动技术实践
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
相关实验场景
更多