html - 使 Rmarkdown 中的 htmlwidgets 移动友好

Question

rmarkdown 的默认选项是设置 fig.width = 12。如果可能的话，我希望它能够自动调整移动设备的宽度。

我在 http://akdata.org/misc/leafletmobile 托管以下 Rmarkdown

---
title: "Untitled"
output: html_document

---


```{r}      
  library(leaflet)
  leaflet() %>% addTiles()
``

不过，当我在 chrome devtools 中玩不同的移动设备时，它会调整到屏幕的宽度。我有一台正在测试的实体三星 Galaxy 5。

Answer 1

我认为指定一个百分比 width 会给你想要的结果。以下是您在 rmarkdown 中的操作方式，这里是 live example .不幸的是，如果您还指定了一个百分比 height，由于某处的一些错误，您的屏幕将显示为空白，因此它不是完全响应，但它仍然可以在我的 iPhone 上很好地调整。

---
title: "responsive_leaflet"
author: "TimelyPortfolio"
date: "March 24, 2016"
output:
  html_document:
   mathjax: null
---

```{r echo=FALSE, warning=FALSE}
# no help from a framework
#  just percentage height and width
library(leaflet)

l <- leaflet(width="100%") %>%
  addTiles()
l
```

```{r echo=FALSE, warning=FALSE}
# demonstrate with Bootstrap
library(shiny)

fluidRow(
  column(width=10,l)
)
```