r - 应用 CSS 使 ioslides 样式的代码更小

Question

我正在使用 R Studio 的 ioslides 演示模式来显示简单线性回归模型的结果，稍后我将应用 Shiny 的东西。然而，回归的总结有点长，所以我希望代码能放在一张幻灯片上。我无法找到一种方法来缩小字体以执行此操作。我的研究将我指向一个自定义 CSS 文件，但我尝试过的所有标签都没有做任何事情。我引用了 default.css 中给出的原始 CSS .

CSS 的“标题幻灯片”部分可以使标题变小，但我不明白为什么 CSS 的“代码”部分不能使打印代码的字体变小。

Rmd 文件:

title: "Regression Presentation"
runtime: shiny
output:
ioslides_presentation:
    css: shinyprezcss.css
    widescreen: yes


## Results {.smallcode}
```{r,echo=FALSE}
    lemon <-read.csv("LemonData.csv")
```
```{r,}
    model.fit.1<-lm(y~(x1+x2+x3+x4+x5)^2,lemon)
    summary(model.fit.1)
```

CSS文件:

.smallcode code {
    font-size: 60%;
}

.title-slide hgroup h1 {
    font-size: 65px;
    line-height: 1.4;
    letter-spacing: -3px;
    color: #515151;
}

Answer 1

似乎不是第一个遇到这个问题的人。我错过了这个 answer昨天。

我的解决方案如下，它似乎使用自定义“codefont”类应用 pre 标记。我只将它应用于需要它的幻灯片。

Rmd 文件:

title: "Regression Presentation"
runtime: shiny
output:
ioslides_presentation:
    css: shinyprezcss.css
    widescreen: yes


## Results {.codefont}
```{r,echo=FALSE}
    lemon <-read.csv("LemonData.csv")
```
```{r}
    model.fit.1<-lm(y~(x1+x2+x3+x4+x5)^2,lemon)
    summary(model.fit.1)
```

CSS文件:

.codefont pre {
    font-size: 12px;
    line-height: 10px;
}