在html中嵌入pdf文件，宽度和高度为100％？

Question

我正在尝试在HTML代码中嵌入pdf文档，我尝试了三种不同的方法，这实际上给了我相同的结果：

<embed src="files/cv_aaragon_en.pdf" width="100%" height="100%">

<object data="files/cv_aaragon_en.pdf" type="application/pdf" width="100%" height="100%">
  <p>It appears you don't have a PDF plugin for this browser.
     No problem, you can still <a href="files/cv_aaragon_en.pdf">download the PDF file.</a></p>
</object>

<iframe src="files/cv_aaragon_en.pdf" width="100%" height="100%">

如图所示：

现在我有以下问题：

1. 框架不使用页面的整个宽度（我认为这是正常的），因为灰色区域的两侧都有很多空白区域。这不会打扰我。
2. 如果定义设置为width =“100％”，为什么不采用全宽？为什么有灰色区域？这让我感到困扰，因为pdf应该更大，以便它变得可读。
3. 我可以更改宽度，但我不想对其值进行硬编码，以便无论设备如何，页面看起来都很好。有没有办法获得实际宽度并将其放在宽度定义中？
4. 与高度相同，我需要它更大，但我不想硬编码它的价值。这是怎么做到的？
5. 最后，鉴于上述三种方法，哪种方法在加载速度方面最好？

谢谢。

Answer 1

您可以尝试添加样式标记：

<iframe style="position: absolute; height: 100%" src= "files/cv_aaragon_en.pdf" />