嵌入标签不在移动浏览器上显示pdf文件

Question

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

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

以下是实时网页的链接。 http://jimbosjoint.com/menu

Answer 1

您需要使用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>

Answer 2

从谷歌文档中显示出来：

<object width="900" height="900" data="https://docs.google.com/gview?embedded=true&url=http://jimbosjoint.com/assets/img/jimbosmenu.pdf"></object>

Answer 3

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