在嵌入标签中使用的响应式显示 pdf答案

【问题标题】：Display pdf's in responsive used in embed tag在嵌入标签中使用的响应式显示 pdf
【发布时间】：2016-10-27 06:38:11
【问题描述】：

我有一个网站，请检查链接：- http://blufysh.com/hcs/index.php?option=com_content&view=article&id=23:study-of-dada-parsi-colony-and-khodaddad-circle-precincts&catid=15&Itemid=119

该网站是建立在 joomla 上的，我在其中使用 Tiny 编辑器在文章中嵌入标签 .

如果我试图以响应式 (320px X 540px) 分辨率查看 pdf，我无法查看 pdf，也无法在移动设备中查看。

如何在移动设备和响应式分辨率中显示 pdf。有什么帮助吗？？

【问题讨论】：

标签： jquery pdf jquery-mobile joomla3.0 responsive

【解决方案1】：

这有效且响应迅速。

<style>
   .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

</style>

<div class='embed-container'>
 <iframe id='frame' src='MyPDF'></iframe>
  </div>

【讨论】：