1

我正在通过V2 Docusaurus建立一个网站。

我想在页面中嵌入一个 youtube 视频。我希望框架的宽度是100%页面的宽度。我尝试了很多解决方案，但没有找到完美的解决方案。目前，我正在使用以下代码：

<iframe width="675" height="380" src="https://www.youtube.com/embed/_AQXQDjw7Y8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

它在桌面上运行良好，但我意识到它在手机上运行不佳：

在此处输入图像描述

有人有什么主意吗？

4

1 回答 1

1

不是特定于 Docusaurus 的问题。

<iframe width="675" ... />

您正在硬编码一个大于大多数移动设备宽度的宽度值，因此这是意料之中的。在https://github.com/facebook/flux/blob/master/docs/In-Depth-Overview.md中查看Flux 文档是如何做到的。

于 2020-04-15T05:06:55.893 回答