html - 在 Firefox 中嵌入 PDF

Question

我正在尝试嵌入 PDF 并使其在 Firefox 中可滚动（放大/缩小能力的奖励积分，但现在我只对简单的功能解决方案感到满意）。

基本上我的代码如下：

<div class="row-fluid align-center">
<div class="span12">
    <iframe style="float:none;display:inline;height:90%;" src="{{url}}" frameborder="0"></iframe>
    <br>
    </div>
</div>

<div class="row-fluid">
    <div class="span11">
        <button onclick = "history.go(-1);" class="pull-right btn btn-primary" type="submit">Go Back</button>
    </div>
    <br><br>
</div>

但是，我在 Firefox 上注意到它只是提示我下载 PDF 文件而不是嵌入它。同时，我的用户说它嵌入在他们的浏览器中，但它的尺寸非常小。

如何让它在 Firefox 中全屏嵌入？

在 Safari/Chrome 上，没问题。在 iPad 上，它只显示 PDF 的第一页，而不是全屏显示。

Answer 1

解决方案是我以绝对像素而不是百分比添加高度参数。

<div class="row-fluid align-center">
    <iframe class = "span12" style="float:none;display:inline;height:1200px;" src="{{url}}" frameborder="0"></iframe>
    <br>
</div>