微信小程序之富文本图片适应

编程入门 行业动态 更新时间:2024-10-28 02:23:55

微信小程序之富<a href=https://www.elefans.com/category/jswz/34/1771357.html style=文本图片适应"/>

微信小程序之富文本图片适应

一开始小程序还没有富文本组件,用的都是第三方的,但是毕竟占资源嘛。

好在推出了

rich-text组件。

只需要传入String/Array即可。

长话短说。那么如何让图片自适应页面 而不出现超出屏幕的情况呢。

content='富文本'

content.replace( '<img', '<img style="max-width:100%;height:auto" ') //防止富文本图片过大


会自动将所有Img前缀都替换。这样就达到效果啦。

好用的点赞

更多推荐

微信小程序之富文本图片适应

本文发布于:2024-02-26 20:09:12,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1703739.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:文本   程序   图片   微信小

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!