小程序富文本图片自适应屏幕

原创于 2019-12-06 16:27:30 发布 · 935 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #富文本

小程序开发专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种方法，使富文本中图片宽度能够自适应屏幕大小，通过获取设备窗口宽度并修改图片样式属性实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果如下:
// 这是富文本返回的数据
在这里插入图片描述

关键代码:

let wxWidth = wx.getSystemInfoSync().windowWidth
res.data.data.xxx = res.data.data.xxx.replace(/\<img/gi
, '<img style="width:' + wxWidth + 'px;vertical-align: middle;"')