2013-05-01 112 views
0

我試圖嵌入在HTML代碼的PDF文檔,我試圖三種不同的方法,這實際上給了我同樣的結果:將html文件嵌入到100%寬度和高度的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%"> 
如圖所示

enter image description here

現在我有以下問題:

  1. 幀不使用整個頁面寬度(我認爲是正常的),因爲灰色地帶的兩邊都有很多白色空間。這並不妨礙我。
  2. 如果將定義設置爲width =「100%」,爲什麼它不佔滿全寬?爲什麼會出現灰色地帶?這讓我困擾,因爲pdf應該更大,以便它變得可讀。
  3. 我可以改變寬度,但我不想硬編碼它的值,以便頁面看起來不錯,不管設備如何。有沒有辦法獲得實際寬度並將其放入該寬度定義中?
  4. 與身高一樣,我需要它更大,但我不想硬編碼它的價值。這是如何完成的?
  5. 最後,考慮到上述三種方法,哪一種在加載速度方面最好?

謝謝。

+0

當你設置'width'至100%時,PDF顯示分量被提供給整個寬度。不過,該組件決定如何填充該寬度,並且通常基於所討論的PDF內的設置進行。 – mkl 2013-05-01 21:58:42

回答

2

你可以嘗試添加一個風格標籤:

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

不起作用 – aaragon 2013-05-01 21:19:52

+0

不適用於我 – 2017-11-22 07:49:59