从 HTML 链接时如何设置 PDF 文件的高度？

Question

我刚刚创建了一个 link，点击它会将用户带到一个 PDF 文件。

但是当我在手机上打开PDF文档时，它只显示了页面的3/4。页面上的其余部分只是黑色。

在 CSS 中有什么方法可以设置 PDF 的默认缩放比例吗？

HTML代码：

<a href="privacyStatement.pdf" class="item icon icon-accessory item-icon-right">
  Privacy Statement
  <i class="icon ion-chevron-right icon-accessory"></i>
</a>

Answer 1

看看这个 Adobe 文档：

Parameters for Opening PDF Files (http://www.adobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/pdf_open_parameters.pdf#G4.1500435)

它描述了在 HTTP 请求中设置 URL 修饰符的不同方法。但只有 Adobe PDF 查看器会尊重其中的大部分内容。有些可能仅在请求的 PDF 为 'web optimized' 时有效（a.k.a。如 'linearized'）。其他供应商制作的某些查看器可能仅支持 其中一些。

您可以link 到 Web 上托管的 PDF 中的特定页面。因此它可以在此页面而不是标题页上打开。 page=<pagenum> 参数用于此目的。

例如，如果您的查看器从以下 link 跳转到上述 PDF 打开参数参考的 Page 3，请尝试。 （前面的link要求查看者直接在第3页打开目标PDF）。

其他参数也很有用：

#search=<wordList>.
示例：http://www.adobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/pdf_open_parameters.pdf#search="commentID"
#nameddest=<destination>
PDF 当然必须包含这样一个 命名目标 。否则它将不起作用。您可以使用 Acrobat 在 PDF 中创建命名目标（而不是 使用 Adobe Reader！）： 1. 转到 PDF 中的所需位置。 1. 点击'View > Navigation Tabs > Destinations'。 1. 转到'Options'，选择'Scan Document' 1.扫描完成后，从'Options'菜单中选择select'New Destination'；然后输入你想要的名字。

重要说明： 命名目的地与书签不同。没有记录的 URL 参数可以 link 到书签。
#comment=<commentID>
指定 PDF 文档中给定页面的注释。在此之前使用 #page=.... 命令。例如：#page=1&comment=fd22-457c-84aa-2cf5bed5-452fde0e.

缩放

是的，您还可以在特定页面上请求缩放级别：

#page=3&zoom=100
这将请求第 3 页的 100% 缩放级别。
#page=3&view=Fit
这大概就是你想要的！ 它要求显示第 3 页，其内容放大到足以在 window 水平和垂直方向上容纳整个页面。如果所需的水平和垂直放大系数不同，则使用两者中较小的一个，将页面居中在另一个维度的 window 内。

但是，如果它的工作完全依赖于查看器软件，则不能保证它的工作。祝你好运！

最初 linked Adobe PDF 文件中有更多详细信息....

从 HTML 链接时如何设置 PDF 文件的高度？

How to set height on PDF file when linked to from HTML?

html

css

pdf

url

hyperlink

缩放