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

Question

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

CSS 的 "title-slide" 部分可以使标题变小，但我不明白为什么 CSS 的 "code" 部分没有t 使打印代码的字体变小。

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

好像不是第一个遇到这个问题的人。我昨天错过了这个。

我的解决方案如下，似乎是使用自定义 "codefont" class 应用预标记。我只将它应用到需要它的幻灯片上。

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;
}

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

Applying CSS to make code smaller in ioslides style

r

r-markdown