使用 img 标签表示图片时采用百分比形式只定义宽即可等比例缩放。注意:宽度相对于图片所在父级窗口。
<img src=https://img-blog.csdnimg.cn/20200822014538211.png width=100% />
3.1.2 相对自身
如果您使用的 Markdown 编辑器支持 CSS 样式的话,那么可以使用 CSS zoom 属性对图片相对于自身大小进行等比缩放。遗憾的是大部分 Markdown 编辑器并不支持 CSS 样式,比如 CSDN Markdown。
<img src=https://img-blog.csdnimg.cn/20200822014538211.png style=”zoom:50%;” />
一个通用可行的办法是指定宽或高的绝对数值进行等比缩放,只指定宽和高中一个。本文的示例图片尺寸为 481*279px,那么设置图片宽度为 240px 或高度为 140px 即可将图片宽高等比缩小为原来的一半。
<img src=https://img-blog.csdnimg.cn/20200822014538211.png width=240 />
# 或
<img src=https://img-blog.csdnimg.cn/20200822014538211.png height=140 />