r - 将 blogdown 生成的网页中 R 生成的绘图调整为不同的屏幕尺寸

Question

• Antecedent 1 : blogdown R包生成的静态hugo页面。

• Antecedent 2：从带有 R 图的 rmarkdown 文档创建的博客文章。

• 问题：当我从手机打开页面时，有什么方法可以调整由 rmarkdown 帖子中的一大块 R 代码生成的绘图的大小？

例如，当我从手机打开时，除了情节之外，这篇文章的所有内容都会调整大小。怎么能达到这样的效果？

预先感谢！

Answer 1

根据可用屏幕宽度调整图像大小的最简单方法是设置此 CSS 规则：

img {
  max-width: 100%;
}