微信小程序实现富文本图片宽度自适应的方法微信小程序实现富文本图片宽度自适应的方法
引言：在微信小程序里，比如商品展示页面的商品详情会有图片展示，PC端设置的商品详情是PC端的宽度，所以在小程序里
图片会显示不全，这时就应该做相应的处理，使小程序里图片显示正确
思路思路
把图片的宽度改为手机屏幕对应的宽度
微信小程序需要知道的知识微信小程序需要知道的知识
需要知道微信小程序里有自己的宽度标准，单位为rpx；
针对所有不同尺寸的浏览器，微信小程序里规定屏幕宽为750rpx；
解决解决
WXML
<view class='html_detail'>
<rich-text nodes='{{artical}}'></rich-text>
</view>
WXS
data={artical:''}
async onLoad(){
const json = await api.getDetail();
if(json !== null){
this.artical = util.formatRichText(json.detail.description);
}
}
若artical里只有图片，并且图片没有设置style和宽度/高度
评论0