1. 程式人生 > >Android WebView載入Html文字不能適配,以及圖片中間有空白的問題

Android WebView載入Html文字不能適配,以及圖片中間有空白的問題

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這個是關鍵解決空白問題的程式碼,完美解決所有問題,是不是很簡單