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);

就这样就可以实现了,是不是很简单。呵呵
相关文章
|
前端开发
html 空白汉字占位符
前端开发中,大家可能会遇到这样的问题:标题存在字数不一样的情况,但是产品大哥,让你要对齐。还必须对齐。他说他有强迫症
837 0
|
Android开发
Android webview 加载html 页面缩放的问题
Android webview 加载html 页面缩放的问题
Android webview 加载html 页面缩放的问题
|
Android开发 数据格式 XML
webView 显示一段 html 代码
  1、布局文件   2、代码 package com.webview.demo; import android.os.Bundle; import android.
864 0
|
Web App开发 JavaScript 前端开发
Android中WebView加载本地Html,与JavaScript与Android方法相互传值(续)
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010046908/article/details/51809558 ...
908 0
|
Web App开发 JavaScript 前端开发
Android中WebView加载本地Html,与JavaScript与Android方法相互传值
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010046908/article/details/51759125 最近在做项目中,要使用HightChart来实现心电图,于是,使用WebView加载本地html页面,但是数据是通过蓝牙设备采集的数据,用Java代码获取的数据,需要将数据传到JavaScript中去,使用来绘制心电图。
1433 0
|
前端开发 Android开发 iOS开发
android html 与webview属性从冲突
在最近的项目开发中,使用webview加载html页面,这样可以节省大量页面开发的时间,同时也可加快项目进度。 我们需求是需要显示商品评论,页面设计如下:   调用android代码,对于webview的设置如下: webView.
800 0
|
JavaScript 前端开发 Android开发
重新想象 Windows 8.1 Store Apps (81) - 控件增强: 加载本地 html, 智能替换 html 中的 url 引用, 通过 Share Contract 分享 WebView 中的内容, 为 WebView 截图
原文:重新想象 Windows 8.1 Store Apps (81) - 控件增强: 加载本地 html, 智能替换 html 中的 url 引用, 通过 Share Contract 分享 WebView 中的内容, 为 WebView 截图 [源码下载] 重新想象 Windows 8.
915 0
|
Web App开发
清除行内元素之间的HTML空白
原文连接:Remove Whitespace Between Inline-Block Elements 原文日期: 2013年8月27日 翻译日期: 2013年8月28日 至今我还记得年轻是在IE6上开发的那些苦逼日子,特别希望IE浏览器采用 inline-block 的显示方式. 行内块(inline-block)是非常有用的,特别是想要不用'block'和'float'来控制这些行内元素的margin,padding之时。
695 0
|
Android开发 JavaScript 前端开发
获取WebView加载HTML时网页中的内容
MainActivity如下: package com.example.testgetwebviewcontent; import android.
694 0
相关产品
云迁移中心
推荐文章
更多