3

我试图在 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. 最后，鉴于上述三种方法，就加载速度而言，哪一种是最好的？

谢谢你。

4

1 回答 1

2

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

<iframe style="position: absolute; height: 100%" src= "files/cv_aaragon_en.pdf" />
于 2013-05-01T21:07:36.130 回答