美文网首页
记一次webView显示富文本图片遇到的问题,富文本图片适配

记一次webView显示富文本图片遇到的问题,富文本图片适配

作者: 十三妹儿儿儿 | 来源:发表于2019-08-27 14:25 被阅读0次

    一个项目里的商品详情页,是加载的富文本,用WebView显示的,商品的详情图之间,出现了留白,需求要求去掉空白,每个图片之间要“完美衔接”(无奈笑)
    这里提供一个富文本适配方案,作为一个没写过前端的我来说,也挺不容易了哈哈哈哈哈,百度来的,稍微做了调整,测试有效,希望对遇到相同问题的小伙伴有帮助,

    /**
     * 富文本适配
     */
    private String getHtmlData(String bodyHTML) {
        windowWidth = windowWidth/2;
        String css = "<style> img{max-width:100%;width:auto !important;height:auto !important;min-height:10px;} p{margin-top:0 !important;margin-bottom:0 !important;}</style>";
        String html = "<html><header>" + css + "</header><body style='margin:0;padding:0'>" +bodyHTML + "</body></html>";
        return html;
    }
    

    调用:


    1566887069(1).png

    相关文章

      网友评论

          本文标题:记一次webView显示富文本图片遇到的问题,富文本图片适配

          本文链接:https://www.haomeiwen.com/subject/ntreectx.html