Markdown中,图片大小的设定方式有两种
不通过![](url)
这种格式上传图片,用<img>
标签替换。
<img src="https://img2018.cnblogs.com/blog/1735896/202001/1735896-20200116165259625-1024485881.png" style="zoom: 33%;" />
<img src="https://img2018.cnblogs.com/blog/1735896/202001/1735896-20200116165259625-1024485881.png" style="zoom: 25%;" />
这种方式,是通过html标签引入,通过指定css样式来实现调整图片尺寸的的,你还可以通过内联样式
<img src="https://img2018.cnblogs.com/blog/1735896/202001/1735896-20200116165259625-1024485881.png" width="200px" />
或者这样的css样式
<img src="https://img2018.cnblogs.com/blog/1735896/202001/1735896-20200116165259625-1024485881.png" style="width:200px" />
这几种方式没有多大区别,看你觉得那种相对高效一点而已。 虽然都差不太多都挺麻烦。
MarkDown本身是不支持By Design的,它只专注于写作。但是我们确实有需求。通过img标签是最为通用的办法,你在任何编辑器中基本都是适用的。但是,许多编辑工具是有独自的辅助功能的,让你可以快速调整图片尺寸。 还有一些编辑器和网站,各种奇淫巧计改变图片尺寸,例如![](url =widthxheight)
,还有![](url 50%)
等等。确实都是很不错的设计。可惜原生不支持,没有统一标准,百花齐放,每个编辑器都不同,这就造成了文章的兼容性很差。