PDF可视窗口浏览器兼容性

时间:2014-07-25 21:21:10

标签: javascript html css pdf

我正在尝试添加一个会自动显示的PDF。它适用于Firefox和Explorer,但不适用于Chrome。另外,我无法操纵高度 - 对此有何想法?

HTML:

<center>  <div class="pdf">
<object data="pdf.pdf" width="600px height="5000px"
    type="application/pdf">  <p> You don't have a functional browser. </p> </object>    

CSS:

.pdf {  
height: 100%;  
width: 100%;  
margin: 2em auto;  
border: 5px solid #FFFFFF;  

}

.pdf p {  
padding: 1em;  
}  


.pdf object {  
display: block;  
width: 100%;  
height: 100%;  
border: solid 1px #666;  

}

2 个答案:

答案 0 :(得分:0)

浏览器如何处理PDF以及是否要在浏览器窗口或要显示的应用程序中显示它。您可以尝试使用iframe&#39 ; s让它听你的显示器高度/大小。此外,您可以尝试使用ViewerJS之类的库在页面中显示它,而不依赖于本地系统配置/插件。

答案 1 :(得分:0)

不要使用中心属性,因为它已经过时,非常过时。用css代替......

example:

<div style="height:20px;width:100%;">
  <div style="height:20px;width:40px;margin-left:auto;margin-right:auto;"></div>
</div>

示例说明: 指定父div和子div的宽度,然后使用margin属性使子div在父div的中心对齐。保证金:汽车财产在双方都有相同的保证金。

如果您需要更多帮助,请回复,或者这不是您想要的

哦,主要问题。尝试使用iframe作为pdf来源,这应该允许你操纵大小(使用javascript)。如果你需要更多的帮助,请告诉我