在iPhone/iPad上，iframe中的PDF仅显示第一页

Question

我想使用iframe来显示PDF的内容。在普通电脑上一切正常。但是，在苹果移动设备（iPhone/iPad）上，只有第一页的PDF内容被显示。

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

<div class="scroll-wrapper">
  <iframe height="260" width="280" src="info.pdf"> </iframe> 
</div>

.scroll-wrapper {
  overflow-y:scroll;
  -webkit-overflow-scrolling:touch;
  width: 400px;
  height: 300px;
}

- poza

---

而且打印也出了问题。 如果你调试页面，你会发现PDF并没有作为PDF嵌入，而是作为图像嵌入。显然，这个问题从iOS8开始就存在。 - Papick G. Taboada

以下方法对我有效，也许对你也有用。https://dev59.com/3GUp5IYBdhLWcg3wJU9J - Lokesh Gupta

Answer 1

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

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

- Simon Guglberger

Answer 2

@media screen and (max-width:512px) {
    .scroll-wrapper{
        overflow-y:scroll;
        -webkit-overflow-scrolling:touch;
        width: 400px;enter code here
        height: 300px;
    }
}

- Rao

---

您可以通过添加更多关于代码的信息以及如何帮助提问者来改进您的回答。 - Tyler2P

Answer 3

试试这个

iframe {
      width: 100% !important;
    }

- Rahul Prajapati

---

请不要仅仅发布代码作为答案，还要提供解释您的代码是如何解决问题的。带有解释的答案通常更有帮助和更高质量，并且更有可能吸引赞同。 - Mark Rotteveel