轻松记录您
灵感和创意

markdown调整图片大小

使用 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 />

未经允许不得转载:坚果云Markdown编辑器 » markdown调整图片大小
分享到: 更多 (0)

坚果云Markdown轻松记录您 灵感和创意

坚果云Markdown下载坚果云Markdown介绍