响应式嵌入 iframe Pym.js

时间:2024-05-01 13:43:11

Pym.js 可以让你在嵌入 iframe 的时候可自动的对 iframe 的大小进行调整以适应父一层容器,并且可以避免跨域问题。

支持浏览器:

  • Internet Explorer 9, 10 (Windows 7), 11 (Windows 8)
  • Chrome 32 (Mac 10.9)
  • Firefox 26 (Mac 10.9)
  • Safari 7 (Mac 10.9)
  • iOS 7 Safari
  • iOS 7 Chrome
  • Android 4.4 Chrome

示例代码:

<div id="example-1"></div>
<div id="example-2"></div>
<script type="text/javascript" src="pym.js"></script>
<script>
    var pymParent = new pym.Parent('example-1', 'child-1.html', {});
    var second = new pym.Parent('example-2', 'child-2.html', {});
</script>