iframe 中的 PDF 仅在 iPhone/iPad 上的第一页-解网

问：

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

这是我的代码，我已经添加了一些滚动样式，因为我认为这是与滚动相关的问题，但是如果我做得非常小，就可以滚动！但是，问题仍然是一样的......只有第一页是可见的。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;
}

HTML CSS PDF iframe

评论

0赞 Papick G. Taboada 1/10/2019

印刷也坏了。如果调试页面，您会注意到 PDF 不是以 PDF 形式嵌入的，而是以图像形式嵌入的。显然，这是自iOS8以来被破坏的

0赞 Lokesh Gupta 2/20/2019

对我来说，下面有用的东西可能也对你有用。stackoverflow.com/questions/15480804/......

答：

-1赞 Rahul Prajapati 8/27/2021 #1

试试这个

iframe {
      width: 100% !important;
    }

评论

1赞 Mark Rotteveel 8/28/2021

请不要只发布代码作为答案，还要解释你的代码是做什么的，以及它如何解决问题的问题。带有解释的答案通常更有帮助，质量更好，并且更有可能吸引赞成票。

0赞 Simon Guglberger 12/1/2021 #2

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

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

0赞 Rao 12/14/2022 #3

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

评论

2赞 Tyler2P 12/18/2022

通过添加有关代码的作用以及它如何帮助 OP 的更多信息，可以改进您的答案。

上一个：为什么 'white-space-colcollapseing' CSS3 属性的引入被推迟到 CSS-text-4（可能为 'text-space-collapse'）？

下一个：CSS 仅在一个方向上模糊（运动模糊）