jaycethanks

你一定在插入图片的时候,遇到图片太大,影响观感的问题。

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%)等等。确实都是很不错的设计。可惜原生不支持,没有统一标准,百花齐放,每个编辑器都不同,这就造成了文章的兼容性很差。

分类:

技术点:

相关文章:

  • 2021-11-16
  • 2022-12-23
  • 2021-11-05
  • 2022-12-23
  • 2021-08-17
  • 2021-10-29
  • 2021-10-07
  • 2021-07-05
猜你喜欢
  • 2022-12-23
  • 2021-11-18
  • 2022-12-23
  • 2022-12-23
  • 2022-02-09
  • 2021-12-28
  • 2021-04-27
相关资源
相似解决方案