微信小程序rich-text富文本图片自适应宽度最简单的解决方案

原创于 2020-11-25 14:32:15 发布 · 2.1k 阅读

CC 4.0 BY-SA版权

使用微信小程序富文本组件时，出现图片宽度太大无法自适应、无法完整展示的问题。解决方法是在获取图片数据时，给其添加一个class样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天使用微信小程序里面的富文本组件的时候，出现了图片宽度太大无法自适应的问题
像这样
在这里插入图片描述

图片无法展示完整

我们在获取到这个图片数据的时候，给他加一个class样式
像这样

  this.setData({
    introduceList:data.data.content.replace(/\<img/gi, '<img style="max-width:100%;height:auto"')

  })

就可以解决啦
在这里插入图片描述

微信小程序rich-text富文本 图片自适应宽度 最简单的解决方案