在embed标签中使用的响应中显示pdf

时间:2016-10-27 06:38:12

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

我有一个网站请检查链接: - 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编辑器的文章中使用了embed标签

如果我试图以响应(320px X 540px)分辨率查看pdf,我无法查看pdf以及移动设备。

如何在移动设备和响应式分辨率中显示pdf。 任何帮助??

1 个答案:

答案 0 :(得分:0)

这有效并且反应灵敏。

<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>