HTML <object>被修剪雖然高度= 100％

我使用下面的代碼在網頁中嵌入的PDF：HTML <object>被修剪雖然高度= 100％

<!DOCTYPE html> 
<html> 
<head> 
<title>Page Title</title> 
</head> 
<body> 
<object data="http://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StGeorgesBritishInternational/Mainfolder/Admissions/1407-Application-Form_Admissions.pdf" type="application/pdf" width="100%" height="100%" internalinstanceid="26"><p>This browser does not support PDFs. Please download the PDF to view it: <a href="http://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StGeorgesBritishInternational/Mainfolder/Admissions/1407-Application-Form_Admissions.pdf">Download PDF</a>.</p></object> 

</body> 
</html>

然而嵌入的文檔將被裁剪爲高度將被設置爲一個值，該值將剪輯對象。強制像素大小將解決問題。那個怎麼樣？

讓你測試here作爲的jsfiddle將無法應對<object>

來源

2016-08-16 Riccardo

本身需要分配給它的尺寸的頁面。

設置樣式適當地爲您的網頁。

試試這個：

<!DOCTYPE html> 
<html> 
<head> 
<title>Page Title</title> 
<style> 
*{height: 100%;width: 100%} 
</style> 
</head> 
<body> 
<object data="http://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StGeorgesBritishInternational/Mainfolder/Admissions/1407-Application-Form_Admissions.pdf" type="application/pdf" width="100%" height="100%" internalinstanceid="26"><p>This browser does not support PDFs. Please download the PDF to view it: <a href="http://fluencycontent-schoolwebsite.netdna-ssl.com/FileCluster/StGeorgesBritishInternational/Mainfolder/Admissions/1407-Application-Form_Admissions.pdf">Download PDF</a>.</p></object> 

</body> 
</html>

來源

2016-08-16 11:45:49

謝謝伯特，將這項工作也包含對象一個div？ – Riccardo

我試圖在100％高度和寬度的DIV內編碼對象，但它不起作用......我錯過了什麼？ – Riccardo

不幸的是它不能在DIV內工作 – Riccardo

HTML <object>被修剪雖然高度= 100％

回答

相關問題