小程序 rich-text 解析富文本图片过大时如何自适应？

作者：System 时间：2024年08月16日分类：所有,小程序字数：385

在小程序中，使用rich-text组件解析富文本内容时，如果图片过大，可以通过设置图片的style属性来实现自适应。

在rich-text组件的富文本内容中，可以直接为图片标签添加style属性来控制图片的宽度，高度可以设置为自动。例如：




<rich-text nodes="<img style='max-width:100%;height:auto;' src='http://example.com/image.jpg' />"></rich-text>

这里的max-width:100%;表示图片的最大宽度将会设置为父元素的100%，即整个屏幕的宽度。height:auto;表示图片的高度将会自动调整以保持原有的宽高比。

请确保图片的URL是可以正常访问的，否则图片将无法显示。