微信小程序富文本图片超出页面宽度解决方法

 原理： 将富文本内的img设置内联样式宽度最大％

html部分
<rich-text :nodes="messageContent"></rich-text> 


// js 设置富文本内的img最大宽度为100%
// 动态获取的富文本
let messageContent = "<div>..... <img></img></div>"
// 只替换一张的方法
messageContent = messageContent.replace('<img', '<img style="width:100%"')
// 多张图片的方法
messageContent = messageContent.replace(/\<img/gi, '< img style="max-width:100%;height:auto" ')