記一次webView顯示富文本圖片遇到的問題，富文本圖片適配

一個項目里的商品詳情頁，是加載的富文本，用WebView顯示的，商品的詳情圖之間，出現(xiàn)了留白，需求要求去掉空白，每個圖片之間要“完美銜接”（無奈笑）
這里提供一個富文本適配方案，作為一個沒寫過前端的我來說，也挺不容易了哈哈哈哈哈，百度來的，稍微做了調(diào)整，測試有效，希望對遇到相同問題的小伙伴有幫助，

/**
 * 富文本適配
 */
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;
}

調(diào)用：


1566887069(1).png
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容