如何在 GitHub markdown 中设置图像的最大宽度？

Answer 1

发生的情况是 GitHub 在渲染标记之前对其进行清理，并且在您的情况下删除了内联样式。 （请参阅 GitHuB 标记自述文件中的参考，了解发生的情况。）

相反，一种选择是使用宽度属性。例如：

<img src="./logo.svg" width="24em">

当然，您正在寻找的是最大宽度，这样您就可以使其响应，而不仅仅是宽度。如果确实有必要，那么您可能会使用 CSS 来完成。 （如这个答案中所述。）在这种情况下，使用正常的 Markdown 语法嵌入图像：

![logo](logo.svg)

然后在自定义 CSS 文件中添加：

img[alt=logo] { max-width: 24em; }

一个可能的选择（但不保证这一点），因为您的图像是 SVG，是使用

<foreignObject>

标签将 CSS 直接嵌入其中。或者您可以使用不同的 SVG 来实现此目的。这将使您的自定义 CSS 可供自述文件使用。 这里有一篇文章解释了如何执行此操作。如果您可以在同一个 SVG 中完成这一切，那就更好了。