小程序中富文本组件(rich-text)中的图片如何自适应?

追格官方小助手/ 2022年10月17日/ 小程序/ 浏览 1810

在小程序开发中,当我们使用富文本组件(rich-text),有些时候图片尺寸过大会显示不完整,或者被image的默认属性宽度限制。我们可以通过css来对rich-text中包含的图片进行控制,以达到正确显示。


一般处理有两种方式,使用元素的属性选择器来实现,使用的属性为img的描述属性alt


1、zui大宽度限制


[alt]{
	max-width:100%;
}


2、统一宽度以宽度100%为例,可以结合自己实用调整


[alt]{
	width:100%;
}

发表评论

暂无评论,抢个沙发...

客服 工单