缩放PDF以适合iFrame

时间:2017-02-19 12:27:43

标签: html css pdf zoom scale

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

如果Bootstrap中有一个免费插件或函数来实现这一点,我很乐意听到它。

提前致谢!

3 个答案:

答案 0 :(得分:23)

如果您问如何调整PDF大小以适合Iframe。

以下代码可能有所帮助:

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

通过添加#zoom=50,它将显示PDF格式,并将iframe放大为默认值。 (可以将其编辑为您想要的任何数字)

答案 1 :(得分:1)

您可能无法以任何程度的一致性实现这一目标。您可以让iFrame中的 PDF查看器 响应,但如果没有设置初始视图,每个查看器的行为都会有所不同......设置初始视图的每个PDF可能具有不同的默认缩放和页面模式。

如果您控制PDF文件,那么值得设置初始视图,但即便如此,您仍然可以使用浏览器和浏览器插件中内置的不同查看器来确定如何初始视图被解释。

答案 2 :(得分:1)

在Firefox中对我来说它是这样的,尽管不要在其他地方测试

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