概述

微信小程序使用富文本时,如果图片宽度超出微信小程序屏幕的默认最大宽度750rpx(rpx是动态像素,一个rpx宽度并不是固定的,可以根据屏幕宽度进行自适应),会导致图片显示不全

解决办法

直接在使用了富文本的页面的样式中加入以下代码即可,值得注意的是图片一定要有alt这个属性,不然没有用,alt改成src也是可以的

1
2
3
4
5
[alt] {
max-width: 100%;//图片宽度过大,但是我只希望它把屏幕的宽度撑满就行
min-width: 100%;//图片宽度过小,但是我希望它把屏幕的宽度撑满
height: auto;//高度自动,防止图片的长宽比改变
}