ipad - html5/css3、Asp.net MVC3 - 在移动 safari 上的 html 页面中查看 pdf

Question

我即将推出的移动网络元素需要在网页内查看动态选择的 pdf 文件。我正在使用 iFrame 来显示 pdf 文件，并且可以使用双指滚动来滚动文件。但是我面临的问题是:

1. 文件的第一页在 iPad 上没有完全显示，并且沿着宽度被截断，这与我在桌面浏览器上查看时不同，在桌面浏览器上，pdf 的第一页总是完全显示，尽管缩小到适合 iFrame 区域。

2. 用户没有视觉指示可以滚动 pdf 文档，即 pdf 文档上没有滚动条。

3. pdf 查看器 (Adobe reader) 的控件(页面导航、缩放等)没有出现在文档上，这与我在桌面浏览器上看到的不同。

实现我想要做的事情的最佳方式是什么？你们中的任何专家都知道我面临的问题的任何解决方案/解决方法吗？还可以考虑使用 iFrame 以外的任何其他方法的完全不同的方法。

pdf 应该在 html 页面内的原因是，pdf 文件列表将在页面左侧的菜单栏上，用户可以单击其中任何一个以在同一页面上查看.理想情况下，他们将能够在全屏 View 和该 View 之间切换。

感谢任何帮助。

Answer 1

我创建了一个微型 JavaScript 模块，可帮助您内联显示 PDF 并能够滚动它。但我也想不出一种方法让它适合父容器的总宽度。

查看:https://github.com/williamrjribeiro/ipdf-scroll

干杯。