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

2019-08-27  本文已影响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
上一篇下一篇

猜你喜欢

热点阅读