为什么rmarkDown中的图像在滚动视图中且未正确显示？

Question

我正在尝试在我的rmarkDown文件中使用以下内容，并且输出HTML在滚动视图中显示图像，并且也无法正确显示。

---
title: "XXX"
author: "me"
date: "date"
output:
  html_document: default
keep_md: true
---

    ```{r setup, include=FALSE}
    knitr::opts_chunk$set(echo = TRUE,
                          fig.path = "Plots/",
                          dev = c("png", "pdf"),
                          fig.width = 10,
                          fig.height = 7,
                          dpi = 300)
    ```

Some text

Code 

Code

Code

```{r myplot, dev="pdf", fig.width=7, fig.height=7}
ggplot......
```

因此，在上面的情况下，在文件夹图中我有myplot.pdf，但是在html文件中显示如下：

​滚动以查看整个图像，不要得到那些黑色的东西。