Flexdashboard 显示仅用于移动设备视图的空白选项卡

Question

我有一个使用表格显示的 Flexdashboard。我希望选项卡的一个版本显示在桌面视图中，而另一个版本显示在移动视图中。当我使用 {.mobile} 规范时，它会在桌面视图中显示非移动选项卡的副本，但空白内容除外。

示例代码：

---
title: "MY DASHBOARD"
output: 
  flexdashboard::flex_dashboard:
   theme: 
     version: 5
     bootswatch: cosmo

     
runtime: shiny
---

Charts {.tabset}
-------------------------------------

### Chart 1

{r}
head(airquality)

### Chart 2

{r}
head(mtcars, n = 3)

### Chart 2 {.mobile}

{r}
head(iris, n = 3)

桌面上的样子：

Answer 1

回答了我自己的问题。看来flexdasboard的这个功能只有在你单独将非移动标签设置为{.no-mobile}，然后在全局为{.mobile}的新标签集下重新创建适合移动设备的标签时才起作用

---
title: "MY DASHBOARD"
output: 
  flexdashboard::flex_dashboard:
   theme: 
     version: 5
     bootswatch: cosmo

     
runtime: shiny
---

Charts {.tabset}
-------------------------------------

### Chart 1 {.no-mobile}

{r}
head(airquality)



### Chart 2 {.no-mobile}

{r}
head(mtcars, n = 3)




Charts {.tabset .mobile}
-------------------------------------

### Chart 1

{r}
head(airquality)



### Chart 2

{r}
head(iris, n = 3)