微信小程序富文本中的图片大小超出屏幕

这个问题我在小程序社区中提的，后来有个帮我回答了这个问题，我试了一下可以。

解决办法是过滤富文本内容，给图片标签添加一个样式，限制图片的最大宽度。

replace(/\<img/gi, '<img class="rich-img" ' );

就可以了

rich-text .rich-img {

width: 100% ;

height: auto ;

}

微信小程序富文本中的图片大小 超出 屏幕的相关教程结束。

《微信小程序富文本中的图片大小超出屏幕.doc》

下载本文的Word格式文档，以方便收藏与打印。

相关推荐

Windows屏幕解锁服务原理及实现（1）

https://github.com/zk2013/windows_remote_lock_unlock_screen 将生成的DLL注册至注册表 HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Authentication\Credential Providers ，之后的每次锁...
2023-07-29编程代码原理,屏幕,解锁
Windows下免费的屏幕录制软件——EV录屏——推荐

EV录屏，现在使用起来效果还不错。软件地址：https://www.ieway.cn/evcapture.html Windows下免费的屏幕录制软件——EV录屏——推荐的相关教程结束。
2023-07-29编程代码屏幕,录制,推荐
css 文本超出，显示省略号

单行文本省略号显示省略号 text-overflow: ellipsis; overflow: hidden; max-width: 110px; 文本不换行 word-wrap: no...
2023-06-25编程教程文本,省略号,超出
css 文本超出，显示省略号

单行文本省略号显示省略号 text-overflow: ellipsis; overflow: hidden; max-width: 110px; 文本不换行 word-wrap: no...
2023-06-20编程教程文本,省略号,超出
Windows屏幕解锁服务原理及实现（1）

https://github.com/zk2013/windows_remote_lock_unlock_screen 将生成的DLL注册至注册表 HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Authentication\Credential Providers ，之后的每次锁...
2023-06-12编程教程原理,屏幕,解锁
WPF 屏幕点击的设备类型

1、鼠标可以通过Mouse相关的事件参数MouseButtonEventArgs中的数据，e.StylusDecice==null表示没有触摸设备，所以设备为鼠标 2、触笔 or 触摸根据StylusDown事件参数StylusDownEventArgs， e.StylusDevice.Tabl...
2023-06-07编程教程屏幕,点击,设备类型
Python 实现日志同时输出到屏幕和文件

1. 日志输出到屏幕 #!/usr/bin/env python # -*- coding: utf-8 -*- from __future__ import absolute_import from __future__ import division from __future__ import print_function import logging loggi...
2023-06-07编程教程python,屏幕,日志输出
在使用document.getElementById('xxx').files[0]时，关于计算图片大小

在使用文件上传属性时，一直好奇图片上传的大小时如何计算的，最近在使用中认识到的计算方式：　　　　首先，图片大小的存储基本单位是字节（byte）。每个字节是由8个比特（bit）组成。所以，一个字节在十...
2023-06-07编程教程getElementById,图片大小,计算