微信小程序富文本中的图片大小超出屏幕

Posted 平静的学习

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序富文本中的图片大小超出屏幕相关的知识,希望对你有一定的参考价值。

这个问题我在小程序社区中提的,后来有个帮我回答了这个问题,我试了一下可以。

解决办法是过滤富文本内容,给图片标签添加一个样式,限制图片的最大宽度。

replace(/<img/gi,   ‘<img class="rich-img" ‘ );

就可以了

rich-text   .rich-img {

width: 100% ;

height: auto ;

}

以上是关于微信小程序富文本中的图片大小超出屏幕的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序富文本修改图片的大小

微信小程序富文本修改图片的大小

微信小程序富文本修改图片的大小

微信小程序--留言板

若依前后端分离发布富文本框内容 | uni-app微信小程序展示富文本框内容

微信小程序不使用插件,渲染富文本中的视频,图片自适应,plus版本