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

尝试这个

iframe {
      width: 100% !important;
    }