使用ems（或其他单位）在GitHub markdown中指定图像大小

Question

我已经看到可以specify the image size using pixels，但是像素并不是指定图像大小的好方法。我尝试过

<img src="myimg.png" style="width:20em" />

但是那没用（尽管Markdown Viewer for Chrome渲染了它）

是否甚至可以使用像素以外的其他尺寸单位指定尺寸？

Answer 1

否，您需要定义width和/或height属性来定义图像的大小，并且这些属性仅支持像素单位。 GitHub不支持使用style属性。

如github/markup项目中所述：

  

此库是每个标记文件都在其中的第一步   在GitHub.com上呈现资源库之前，先进行操作：

     

  
1. 该库将原始标记转换为HTML。请参阅supported markup formats的列表   在下面。
  
2. 已对HTML进行了清理，积极删除了可能危害您和您的亲属的东西，例如script标签，内联样式和class或   id个属性。参见sanitization filter   以获得完整的白名单。
  
3. 语法高亮显示在代码块上。参见github/linguist   有关语法突出显示的更多信息。
  
4. HTML通过html-pipeline中的其他过滤器传递，这些过滤器添加了特殊的   酱，如   emoji，   task lists，   named anchors，   CDN caching for images，   和   autolinking。
  
5. 结果HTML呈现在GitHub.com上。
  

值得注意的是步骤2。具体来说，从GitHub网站上任何用户提供的内容中删除了style标签。但是，对卫生过滤器的检查表明height和width属性已列入白名单，没有被删除。请注意，width和height属性只能使用像素作为单位。因此，您不能使用任何其他类型的单位来定义图像尺寸。您的img标签可能如下所示：

<img src="myimg.png" width="20" />

当然，您需要将实际大小调整为所需的值。