当我使用Google的PDF查看器嵌入pdf时
<iframe src="https://drive.google.com/viewerng/viewer?embedded=true&url=http://jugglegood.com/out/scot-nery-resume-grand.pdf" ></iframe>
Run Code Online (Sandbox Code Playgroud)
默认情况下,显示的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" width="100%" aria-hidden="false" tabindex="0"></iframe>
Run Code Online (Sandbox Code Playgroud)
我保留了 aria-hidden [这是为盲人提供的屏幕阅读器] 和 tabindex [为残障人士提供的键盘导航]。请参阅我的 GitHub WAPS 系统,了解适合具有不同需求的人的网站代码和设计。