PDF 可视窗口浏览器兼容性答案

【问题标题】：PDF Viewable window browser compatibilityPDF 可视窗口浏览器兼容性
【发布时间】：2023-03-17 21:01:01
【问题描述】：

我正在尝试添加将自动显示的 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;

}

【问题讨论】：

你试过embed

标签： javascript html css pdf

【解决方案1】：

这取决于浏览器如何处理您的 PDF 以及是否在浏览器窗口或要在其中显示它的应用程序中显示它。您可以尝试使用 iframe 让其收听您的显示高度/尺寸。此外，您可以尝试使用 ViewerJS 之类的库将其显示在您的页面中，而无需依赖本地系统配置/插件。

【讨论】：

【解决方案2】：

不要使用中心属性，因为它已经过时，非常过时。改用 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。 margin:auto 属性使两边的边距相等。

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

哦，对于主要问题。尝试使用带有 pdf 源的 iframe，这应该允许您操纵大小（使用 javascript）。如果您需要更多帮助，请给我留言

【讨论】：