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

最新推荐文章于 2024-04-06 17:44:02 发布

windyyi

最新推荐文章于 2024-04-06 17:44:02 发布

阅读量920

点赞数

本文介绍了一种使用Jsoup解析HTML并调整图片标签以实现图片在不同设备上自适应显示的方法。通过设置图片宽度为100%并保持高度自适应，可以解决图片尺寸不匹配的问题。进一步地，通过修改head部分的样式来消除空白区域，确保布局更加紧凑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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%，高度自适应就能解决图片不能自适应的问题了

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>";
     "<html>" + head + "<body>" + bodyHTML + "</body></html>";
        // *{margin:0;padding:0这个是关键解决空白问题的代码，完美解决所有问题，