如何使用 ioslides 在 rmarkdown 演示文稿中使图像填充整个幻灯片？答案

【问题标题】：How to make an image fill the entire slide in an rmarkdown presentation using ioslides?如何使用 ioslides 在 rmarkdown 演示文稿中使图像填充整个幻灯片？
【发布时间】：2017-02-21 08:46:28
【问题描述】：

我想要一张图片来填满整个幻灯片。我尝试使用绝对定位的 div，但是，这会将图像部分定位在幻灯片之外。

我想我可以做到这一点，如果我硬编码分辨率，但是，我想让它在另一台机器上也能工作。（最好是宽屏切换）

重现/测试的示例：

---
title: "some title"
author: Me
company: Me
date: 21-02-2017
output:
    ioslides_presentation

---

##

![test image](https://i.ytimg.com/vi/yaqe1qesQ8c/maxresdefault.jpg)

编辑：我知道： Rpresentation in Rstudio - Make image fill out the whole screen 但是，他们切换到 slidy_presentation 并且我已经为 ioslides 定制了 css。如果可能的话，我想留在 ioslides。这应该是可能的，对吧？ :)

【问题讨论】：

你读过这篇文章吗？ stackoverflow.com/questions/23619319/…
是的，很抱歉忘记提及这一点，但在那篇文章中，他放弃了 ioslides。我不想那样做，因为我已经有 ioslides 的自定义 css。

标签： r r-markdown ioslides

【解决方案1】：

当我想要让我的文本输出变得更小时，我有了一个想法。

我发现了这个：Markdown: Change default font size of code chunks in ioslides

现在我正在使用以下自定义 css：

.fullslide img {
  margin-top: -85px;
  margin-left: -60px;
}

然后在 rmarkdown 文件中我可以这样做：

## {.fullslide}

![](image.jpg)

如果您现在想确保获得完整图像，请确保图像具有以下尺寸：

宽屏：1100 x 700
正常：900 x 700

我只是确保我使用 GIMP 或其他工具编辑它们。我还没有弄清楚如何抑制页码，但显然你不能在每张幻灯片的基础上抑制页码。 :(

【讨论】：