Google PDF 查看器默认适合宽度嵌入

Posted 2023-03-13

【中文标题】Google PDF 查看器默认适合宽度嵌入

【英文标题】：Google PDF Viewer default fit to width embed

【发布时间】：2018-12-31 18:26:13

【问题描述】：

当我使用谷歌的 PDF 查看器嵌入 pdf 时

<iframe src="https://drive.google.com/viewerng/viewer?embedded=true&url=http://jugglegood.com/out/scot-nery-resume-grand.pdf"  ></iframe>

它默认显示 pdf 周围有很多空间。

然后，我单击查看器底部的 + 放大（缩放）按钮，它会缩放以适应宽度。

有没有办法默认使用参数或适合嵌入的宽度缩放版本的东西？我找不到答案，所以我什至尝试使用 jquery 手动单击缩放按钮......没有骰子。

【问题讨论】：

是的，请！也在找这个！

我也是，拜托！谢谢！

【参考方案1】：

这里有一些想法：

检查您的 CSS 以查看类、id、iframe 是否有任何设置 - 您的样式表可能会告诉浏览器如何在屏幕上显示 PDF。

您可以将 html 中的 iframe 设为 100% 宽度。对于托管在网站上的 Google 地图，我经常遇到这种情况。

    <iframe src="https://drive.google.com/viewerng/viewer?embedded=true&url=http://jugglegood.com/out/scot-nery-resume-grand.pdf"  aria-hidden="false" tabindex="0"></iframe>

我保留 aria-hidden [这是为盲人提供屏幕阅读器的] 和 tabindex [为残疾人提供键盘导航]。请参阅我的 GitHub WAPS 系统，了解针对不同需求人群的网站代码和设计。