居中嵌入 PDF 内容答案

【问题标题】：Centering embed PDF content居中嵌入 PDF 内容
【发布时间】：2015-01-06 05:01:36
【问题描述】：

我的网页中嵌入了一个 PDF 文件。我的 HTML 是：

<embed src="http://znaci.net/zb/4_1_19.pdf">

我的 CSS 是：

embed {
    width:500px;
    height:600px;
}

现在我遇到这样的情况：

但我需要这个：

有没有办法让嵌入 PDF 内容居中？

【问题讨论】：

【解决方案1】：

您可以像这样通过 CSS 控制高度和宽度：

<style>
    embed {
        width: 100%;
        height: 500px;
    }
</style>

您还可以通过 embed 标签中的属性来控制它，如下所示：

<embed src="http://znaci.net/zb/4_1_19.pdf" width="640" height="480">

至于缩放，您可以通过执行以下操作来实现（注意#zoom=75）：

<embed src="http://znaci.net/zb/4_1_19.pdf#zoom=75">

此语法在 IE11 和 FF32 中有效，但在 Chrome 38 中无效。

编辑：回答问题的中心部分：

仅在 Chrome 中居中 PDF 会失败。解决此问题的方法是用类似的 iFrame 替换 embed 标记（尽管我认为这不是最佳做法）。

<iframe src="http://znaci.net/zb/4_1_19.pdf"></iframe>

或者，您可以查看 pdf.js 之类的内容。

【讨论】：