将pdf文件嵌入宽度和高度为100％的html中? [英] embedding pdf file within html with 100% width and height?

问题描述

我试图将pdf文档嵌入html代码中，并且尝试了三种不同的方法，这些方法实际上给了我相同的结果:

I'm trying to embed a pdf document in html code, and I tried three different approaches, which actually gave me the same result:

<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. 最后，根据上述三种方法，就装载速度而言，哪种方法最好?

谢谢.

推荐答案

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

You can try adding a style tag:

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

这篇关于将pdf文件嵌入宽度和高度为100％的html中?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！