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

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

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);
});

解决方法

好吧,我觉得你有一个错字：

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

应该

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

由于你的iframe有ID“readFrame”,不是吗？