天天看點

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>

    <td >作者:<? echo $arr[author];?>  時間:<? echo trantime($arr[postdate]);?></td>

    <td><? echo $content;?></td>

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

就這樣就可以實作了,是不是很簡單。呵呵