20

我使用 embed 标签在我的 html 页面上显示 pdf 文件，它在台式机和笔记本电脑浏览器上很好地显示了 pdf 文件，但没有在 moblie 和 talbets 上显示 pdf 文件，有什么办法可以让它们出现在手机上也是如此。这是相关的代码：

<embed src="assets/img/jimbosmenu.pdf" width="900" height="900">

这是现场页面的链接。 http://jimbosjoint.com/menu

4

4 回答 4

21

你需要使用object，而不是embed

<object data="filename.pdf" type="application/pdf" width="100%" height="100%">
  <p>Your web browser doesn't have a PDF plugin.
  Instead you can <a href="filename.pdf">click here to
  download the PDF file.</a></p>
</object>
于 2013-08-25T19:34:13.950 回答
10

从谷歌文档中显示它：

<object width="900" height="900" data="https://docs.google.com/gview?embedded=true&url=http://jimbosjoint.com/assets/img/jimbosmenu.pdf"></object>
于 2013-08-25T19:32:29.047 回答
0

<embed>标签已过时。考虑使用<object>标签。但是，链接到 PDF 文件可能是更好的选择，因此移动用户可以全屏查看它。

于 2013-08-25T19:25:03.110 回答
-1

<object>标签将不会在移动 chrome 上显示 pdf；解决方案是使用 <iframe>：

<iframe src="filename.pdf" title='SOME_TITLE' />
于 2021-09-15T11:21:30.953 回答