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

发布于 2022-09-13 01:23:47 字数 402 浏览 19 评论 0

在移动端的页面中,我们使用了一个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文件因为有多页,但是只能显示一页,有没有大神遇到过这个问题,
帮忙指点一下,谢谢

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

一萌ing 2022-09-20 01:23:47

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文