在Firefox中嵌入PDF

时间:2013-02-11 17:11:17

标签: html css

我正在尝试嵌入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的第一页,而不是全屏。

enter image description here

1 个答案:

答案 0 :(得分:4)

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

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