vue网页端用iframe 嵌入一个PDF 地址，在IOS系统上打开后显示不全，只显示左上角一屏的内容

Question

如图所示，无法左右上下滑动，安卓上点进去直接下载到本地文件才能看所以没什么问题。

<div class="show_iframe" v-if="showIframe">
    <div style="display:none" class="loading"></div>
    <iframe scrolling="yes" frameborder="0" wicket:id="mainPage" :src="realUrl" width="100%" height="100%"></iframe>
</div>

.show_iframe{
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    iframe{
      position: absolute;
      bottom: 0;
      height: 100%;
      width: 100%
    }
  }

Answer 1

试试embed标签

<embed scrolling="yes" frameborder="0" wicket:id="mainPage" :src="realUrl" width="100%" height="100%"></embed>

Answer 2

请问 这个问题解决了吗