Html 缩放PDF以适应iFrame

我需要缩放PDF文件以适应iFrame。它需要具有响应性，因此PDF应该随设备宽度进行缩放，以便PDF文档显示完整的页面

如果有一个免费的插件或在引导功能，使这一点发生，我会很高兴听到它

---

提前谢谢

如果您询问如何调整PDF大小以适应Iframe

以下代码可能会有所帮助：

<iframe src="name.pdf#zoom=50" height="100%" width="100%"></iframe>

---

通过添加

#zoom=50

，它将在iframe中显示默认缩放的PDF。（这可以编辑为您想要的任何数字）

您可能无法以任何程度的一致性实现这一点。您将能够使iFrame中的PDF查看器具有响应性，但如果未设置初始视图，每个查看器在显示PDF时的行为将有所不同。。。设置初始视图的每个PDF可能具有不同的默认缩放和页面模式

---

如果你控制着PDF文件，设置初始视图是值得的，但即使如此，你仍然要依靠浏览器和浏览器插件中内置的不同查看器来确定初始视图的解释方式。

在firefox中，对我来说，它是这样工作的，但不要在其他浏览器上测试它

<iframe src="filename.pdf#zoom=FitH" style="position:absolute;right:0; top:0; bottom:0; width:100%;"></iframe>

请包括您目前编写的代码。你提供的细节越多，你可能收到的答案就越多。检查和。这是否回答了您的问题？您的代码使用文件名加载pdf。如果我想从对象数据url加载pdf，然后调整其大小，该怎么办？这在chrome中以及使用url.createObjectUrl（blob）生成的blob中都适用。ie URL.createObjectURL（blob）+'#zoom=FitW'（FitW以适应我的特定需求，这是我从下面kuz1toro的回答中得到的）。将FitH替换为FitW以满足我的需求。在铬上。将其附加到URL.createObjectURL（blob）引用的blob的末尾。createObjectURL（blob）+'#zoom=FitW'