我试图在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”,不是吗？
