docsify-chat
docsify-chat copied to clipboard
图片消息适配
自己尝试改了一下还是不太行 可以增加一下适配图片消息吗 最好是文字+图片在同一个消息里的那种
在移动端也会有错位的bug
自己尝试改了一下还是不太行 可以增加一下适配图片消息吗 最好是文字+图片在同一个消息里的那种
已更新 v0.3.0,新增移动端适配、性能优化以及 markdown 图片解析。
之前图片没有去解析其实是有意为之的,这个是已知问题,因为 markdown 天生支持 html,可以直接用 <img> 标签替代,例如在我昨天没更新前,你其实可以这样去写。
<!-- chat:start -->
#### **kokkoro**
<img src="/images/meme.jpg"/>
hello
#### **yuki**
hello world
<!-- chat:end -->
为什么要这样去设计?因为我个人很少有使用图片的情况,其次图片大小自适应是一门学问,大图、小图、长图、宽图,甚至是单图多图,在我们平时使用的社交软件上显示效果都是完全不一样的。如何去自适应图片的大小要考虑很多很多的情况,所以我没有去逐一验证,我自己在遇到需要使用图片的情况时都是使用 <img> 手动设置宽高。
目前的解决方案是我给所有图片设置了一个 max-width 和 min-width,这可能在某些情况下看起来怪怪的。当然,如果你涉及图片演示的场景比较多,有更好的建议可以随时联系我。