Question

我试图在iframe中使PDF的缩放始终为全宽，并且在浏览器调整大小时，它会重新计算PDF缩放并将其设置为100％浏览器宽度。< / p>

pdf parameter #view = Fit或＃zoom = 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

嗯，我觉得你有一个错字：

$("#read iframe").css("height", viewportH);

应该是

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

由于你的iframe有ID＆＃34; readFrame＆＃34;，还没有？？

Answer 2

<iframe id="readFrame" src="YOUR_PDF_PATH.pdf#view=Fit" style="width:100%;"></iframe>
<script type="text/javascript">
$('#readFrame').css('height',$(window).height());
</script>

你可以使用它，这也适用于调整大小，并且在调整大小时也不会丢失你的滚动高度。

Answer 3

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

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

另一方面，pdf.js仅在Chrome和Firefox中得到完全支持，其他人的支持有限，但除了＆lt; = IE8之外还有其他功能。

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

3 个答案: