【问题标题】:Google PDF Viewer default fit to width embedGoogle PDF 查看器默认适合宽度嵌入
【发布时间】: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 手动单击缩放按钮......没有骰子。

【问题讨论】:

  • 是的,请!也在找这个!
  • 我也是,拜托!谢谢!

标签: html pdf embed


【解决方案1】:

这里有一些想法:

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

  2. 您可以将 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>

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

【讨论】:

    猜你喜欢
    • 2011-01-16
    • 2021-06-09
    • 2013-08-30
    • 2016-08-05
    • 2018-03-05
    • 2012-09-12
    • 2019-11-06
    • 1970-01-01
    • 2017-03-31
    相关资源
    最近更新 更多