记一次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