vue项目中iframe中嵌套展示pdf文件 兼容性问题

山楂片
  • 353

在移动端的页面中,我们使用了一个iframe用来显示pdf文件,代码如下

 <iframe
      v-if="pdfUrl"
      :src="pdfUrl"
      class="contract-iframe-pdf"
      frameborder="0"
      width="100%"
      :height="iframeHeight"
    ></iframe>

   iframeHeight(){
     return screen.availHeight - 166
   }

但是目前有个问题,在pc端浏览器模拟手机模式时是没有问题的,
但是在手机上 pdf文件因为有多页,但是只能显示一页,有没有大神遇到过这个问题,
帮忙指点一下,谢谢

回复
阅读 701
1 个回答

没加滚动条吧;加个滚动条试试

宣传栏