这会奏效的

<style>
img{width: 50%;}
#foo {color: red;}
</style>

<p id="foo">foo</p>

<p style="color: blue">bar</p>

对于那些热衷于手工和针织解决方案的人。有一些方法可以在不使用html的情况下调整.rmd文件中的图像大小：

您可以简单地通过添加｛width=123px｝来指定图像的宽度。不要在括号之间引入空格：

![image description]('your-image.png'){width=250px}

另一种选择是使用knifer:：include_graphics:

```{r, fig.cap="image description", out.width = '50%'}
knitr::include_graphics('your-image.png')
```

如果使用markdown，首先需要启用HTML渲染：

const md = require("markdown-it")({
  html: true,
});

然后可以在.md文件中使用：

<img src="" alt="drawing" width="100%" height="200"/>

如果更改初始标记对您来说不是一个选项，则此黑客可能会奏效：

newHtml = oldHtml.replace(/<img/g, '<img height="100"');

我使用它可以在发送电子邮件之前调整图像大小（因为Outlook忽略任何图像css样式）

对于所有在R markdown/bookdown中工作的解决方案，上述解决方案不工作或需要略微调整：

工作

追加｛width=50%｝或｛width=50%height=50%｝![foo]（foo.png）｛width=50%｝![foo]（foo.png）｛宽度=50%高度=50%｝重要提示：宽度和高度之间没有逗号，即{width=50%，height=30%}不起作用！追加｛height=“36px”width=“36px”｝![foo]（foo.png）｛height=“36px”width=“36px”｝注意：带冒号的｛：height=“36px”width=“36px”｝（来自@sayth）似乎不适用于R markdown

不工作：

附加=宽度x高度在图形文件的URL之后调整图像大小（从@prosseek）两者都不=宽度x高度！[foo]（foo.png=100x20）nor=仅宽度！[foo]（foo.png=250x）工作

也许这一点最近有所改变，但Kramdown文档显示了一个简单的解决方案。

从文档中

Here is an inline ![smiley](smiley.png){:height="36px" width="36px"}.

And here is a referenced ![smile]

[smile]: smile.png
{: height="36px" width="36px"}

与Jekyll和Kramdown一起在github上工作。