iframe 中的 pdf 仅在 iphone/ipad 上的第一页

Posted 2023-02-24

【中文标题】iframe 中的 pdf 仅在 iphone/ipad 上的第一页

【英文标题】：pdf in iframe only first page on iphone/ipad

【发布时间】：2019-05-02 16:25:29

【问题描述】：

我正在尝试使用 iframe 显示 pdf 的内容。在普通计算机上一切正常。然而，在苹果（iPhone/iPad）的移动设备上，仅显示 pdf 的第一页。

这是我的代码，我已经添加了一些滚动样式，因为我认为这是与滚动有关的问题，但是如果我将 iframe 做得非常小，则可以滚动！但是问题还是一样...只有第一页可见。

<div class="scroll-wrapper">
<iframe   src="info.pdf"> </iframe> 
</div>


.scroll-wrapper

overflow-y:scroll;
-webkit-overflow-scrolling:touch;
width: 400px;
height: 300px;

【问题讨论】：

打印也坏了。如果您调试页面，您会注意到 pdf 不是作为 pdf 嵌入的，而是作为图像嵌入的。显然这是从 ios8 开始就坏了

对我来说，下面的工作可能对你也有用。 ***.com/questions/15480804/…

【参考方案1】：

也许您应该尝试使用视口。 或者使用响应式断点

@media screen and (max-width:512px) 
   size:

【参考方案2】：

试试这个

iframe 
      width: 100% !important;
    

【讨论】：

请不要只发布代码作为答案，还要解释您的代码的作用以及它如何解决问题的问题。带有解释的答案通常更有帮助，质量更高，更有可能吸引投票。