Question

我目前正在这样做：

<div class='embed-responsive' style='padding-bottom:150%'>
    <object data="../pdf/Invoice_file.pdf" type="application/pdf" width="95%" height="800px" 
        style="display: block; margin: 0 auto;" />
        <p>Not supported by browser.</p>
    </object>
</div>

我在这里查看了其他解决方案，但没有一个有效。如果可能的话，我想在屏幕变小时缩放PDF页面大小。任何想法都将不胜感激，谢谢！

Answer 1

除非您选择的PDF具有JS界面，否则您可能会发现无法达到您想要的效果。为什么不 - 我刚刚在Chrome中打开了一个PDF文件，并且位于浏览器窗口中。视图中的PDF页面没有缩放 - 所以我得出结论，Chrome浏览器的PDF查看器被编码为在视口维度更改时重新居中页面，而不是缩放页面。

我选择的PDF查看器提供了一个JS接口，那么你可能就可以做到。

如果您无法指定用户将选择的PDF查看器，则无疑会出现问题。

使用<object>标记使用屏幕缩放PDF页面大小

1 个答案: