jquery - 在嵌入标签中使用响应式显示 pdf

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 编辑器在文章中使用了嵌入标签.

如果我尝试以响应式 (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>