我正在尝试使 PDF 的缩放始终在 iframe 中全宽,并且在调整浏览器大小时它会重新计算 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”,不是吗?
关于javascript - PDF 响应缩放浏览器调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34998004/