css 嵌入式标记在移动的浏览器上不显示pdf文件

cyej8jka  于 2023-11-19  发布在  其他
关注(0)|答案(5)|浏览(109)

我用嵌入标记显示在我的HTML页面上的PDF文件,它是显示PDF文件非常好的桌面和笔记本电脑浏览器,但这是不显示的moblie和talbets的PDF文件,有什么办法,我可以让他们出现在移动的以及.这里是有关的代码:

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

字符串
这里是链接到现场页面. http://jimbosjoint.com/menu

xxhby3vn

xxhby3vn1#

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

字符串

ltqd579y

ltqd579y2#

从Google Docs中这样显示:

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

字符串

blmhpbnm

blmhpbnm3#

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

lb3vh1jj

lb3vh1jj4#

<object>标签将无法在移动的Chrome上显示pdf;解决方案是使用<iframe>

<iframe src="filename.pdf" title='SOME_TITLE' />

字符串

qcuzuvrc

qcuzuvrc5#

我找到了一个解决方案,不是最好的,但我使用这个。将PDF文件转换为JPG。这里有一个网站,您可以从多页PDF制作一张长图片。之后您可以应用溢出:自动;并滚动它。
Long Pic from Pdf

相关问题