您的位置：首页 > 移动开发 > Android开发

Android WebView加载Html文本不能适配，以及图片中间有空白的问题

2017-09-12 09:25 916 查看

1.WebView加载Html文本的正确方式

webView.loadData(html, "text/html; charset=utf-8", "utf-8");

2.但是如果文本中带图片的话就会遇到适配问题该如何解决呢？

public static String getNewContent(String htmltext){
Document doc= Jsoup.parse(htmltext);
Elements elements=doc.getElementsByTag("img");
for (Element element : elements) {
element.attr("width","100%").attr("height","auto");
}
return doc.toString();
}
//通过DOM方式遍历，拿到img标签，让宽度是100%，高度自适应就能解决图片不能自适应的问题了
//这个还得加一个Jsoup的包

3.这不是最好的解决方案，因为图片中可能有空白的地方怎么解决呢？看下方的代码

String head = "<head>" +
"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no\"> " +
"<style>*{margin:0;padding:0;}img{max-width: 100%; width:auto; height:auto;}</style>" +
"</head>";
return "<html>" + head + "<body>" + bodyHTML + "</body></html>";
// *{margin:0;padding:0这个是关键解决空白问题的代码，完美解决所有问题，是不是很简单

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： android html 图片 webview

相关文章推荐

新的分享

章节导航