PDF响应缩放浏览器调整大小

Question

我试图在iframe中使PDF的缩放始终为全宽,并且在浏览器调整大小时,它会重新计算PDF的缩放并将其设置为100%的浏览器宽度.

该PDF参数#查看=适合或#变焦= 100个工程的文件准备好了,但我不能管理得到它刷新/当浏览器大小重新计算此值(最好不失滚动位置).

<iframe id="readFrame" src="https://xxxxxx.pdf#view=Fit"></iframe>

注意:我正在调整iframe的大小:

$(document).ready(function() {
    $(window).trigger('resize');
});

$(window).resize(function() {

    var browser_viewportH = $(window).height();
    var browser_viewportW = $(window).width();

    var nav_height = $("#nav-bar").height() + $("#tempWrapper").height();
    var block_height = $("#blockContainer").height();

    var viewportH = browser_viewportH - (nav_height + block_height);

    $("#readFrame").css("height", viewportH);
});

Answer 1

如果其他人遇到这个问题，我最终会使用pdf.js。

使用 pdf 参数的问题是它们在 Chrome 和 Firefox 中不起作用，因为这些浏览器有自己的 pdf 查看器。

另一方面，pdf.js 仅在 Chrome 和 Firefox 中得到完全支持，其他浏览器的支持有限，但除了 <= IE8 之外也能正常使用。