为什么带有 pdf 文件的 <iframe> 不显示在页面上？答案

【问题标题】：Why <iframe> with pdf file doesn't show on page?为什么带有 pdf 文件的 <iframe> 不显示在页面上？
【发布时间】：2016-06-30 07:57:16
【问题描述】：

我有问题。当我把

 <iframe src="http://laska-podium.ru/rules/rules.pdf" 
        style="width: 100%; height: 600px; margin-top: 5px;" style="position:absolute;" frameborder="0">Your browser doesn't support iframes</iframe>

在我的模态窗口中，它仅在大屏幕上显示。但在 iPhone 上它是空的。

【问题讨论】：

它永远不会起作用。我相信它甚至无法在除 IE 之外的任何其他浏览器中的桌面上运行。
如何在网站上添加pdf文件？
下载按钮或将其转换为 html。浏览器不适合查看 pdfs
只需将PDF文件上传到google drive，然后您就可以上传并嵌入到您网站的任何位置。

标签： javascript html css pdf

【解决方案1】：

iOS 无法将内置 PDF 阅读器加载到模式窗口中。

添加Javascript code 以再次检查 iPhone/iPad 设备并显示 PDF 的直接链接（或在单独的窗口中打开 PDF）。

【讨论】：