使用iFrame Resizer在一个页面上显示多个iframe

Question

iFrame Resizer的文档说：

  

当缩放器在一个页面上使用多个IFrame不起作用时，请确保每个帧都具有唯一ID或根本没有ID。

我选择不向iframe提供任何ID。我的代码如下所示。它有效，但我想确认我正在做的一切正确。具体来说，我只调用一次iFrameResize（）并且没有参数 - 那可以吗？

<iframe src="https://example.com/frame1" scrolling="no"></iframe>
<iframe src="https://example.com/frame2" scrolling="no"></iframe>

<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.5.15/iframeResizer.min.js"></script>
<script>iFrameResize()</script>

注意：@ david_bradshaw，我决定不使用ID，因为在这种情况下，如何调用iFrameResize()并不清楚 - 我们是否需要为每个iFrame调用一次？请澄清。 TIA

Answer 1

我建议将ID放入。

不确定这是否有帮助。

  

  
• 要求：将iframeResizer.contentWindow.min.js加载到目标框架中。
  

参考： cloudflare.com（201年1月21日）

实施例

<style>iframe{width: 1px;min-width: 100%;}</style>
<iframe id="myIframe" src="http://anotherdomain.com/iframe.html" scrolling="no"></iframe>
<script>iFrameResize({log:true}, '#myIframe')</script>

参考： davidjbradshaw（201年1月21日）

注意： ID用于发送到缩放器方法。