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

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;
}

Answer 1

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

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

Answer 2

试试这个

iframe {
      width: 100% !important;
    }