Question

我有一个网站请检查链接： - 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。任何帮助??

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

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

1 个答案: