Android webview解决图片过大出现水平滚动条的问题

现在在hybrid app中经常需要用webview加载html内容，有时候我们希望图片不要那么大，于是便需要图片自适应宽度，在Android 4.4之前可以很简单的用

webSettings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); 

就能解决这个问题，但在4.4webview内核改写后，这种single_column的算法不再被支持，所以我们得另寻解决方法，最彻底的方法就是对html内容修改，这个我们可以用jsoup来方便的操作html内容。 Jsoup：http://jsoup.org/，这里能找到jsoup的库，导入项目后就可以用jsoup了。我们写一个将img便签宽度改为100%适应的方法：

 /**
     * @param htmlContent 原来的html
     * @return 改变img标签宽度以后的html
     */
    public static String changeImgWidth(String htmlContent){
        Document doc_Dis = Jsoup.parse(htmlContent);
        Elements ele_Img = doc_Dis.getElementsByTag("img");
        if (ele_Img.size() != 0){
            for (Element e_Img : ele_Img) {
                e_Img.attr("style", "width:100%");
            }
        }
        String newHtmlContent=doc_Dis.toString();
        return newHtmlContent;
    }

然后我们可以放心加载我们的内容了：

 String htmlContent= changeImgWidth(originHtml);
                    webView.loadDataWithBaseURL(null,htmlContent,"text/html","utf-8",null);

这种方法其实是通用的方法，以后有任何html元素效果问题，都可以用jsoup的方式修改