WeChatアプレットリッチテキストの画像幅が範囲を超える問題の解決方法

問題の説明: リッチ テキスト表示ページを作成するときに、画像の幅が範囲を超えているという問題が発生しました。本能的には画像の最大幅を設定することになりますが、これは実現不可能であることがわかりました。 。その後、通常の追加スタイルを使用しても機能しません。

// 使用正则提取html里面的图片设置图片最大宽度为100%
res[1].data[0].f_content =res[1].data[0].f_content.replace(/<img[^>]*>/gi, function (match, capture) {
			return match.replace(/style\s*?=\s*?([‘"])[\s\S]*?\1/ig, 
            'style="max-width:100%;height:auto;"') // 替换style
				})

解決策:

ここで属性セレクターを使用して、img の src 幅を 100% に設定できます。

.content_richText [src]{
		max-width: 100%;
	}

解決する：