使用iframe-resizer:当我点击iframe内部时iframe会增长，在移动设备上也不起作用。

Question

我已经在我的网站(http://www.healthfitchiro.com/alternate-login)上安装了iframe-resizer，它基本上是按照预期工作的，除了: 1)它似乎在移动设备上不能工作，在任何情况下都是如此。2)当你点击iframe内的某处时，页面会变长。每次单击都会导致它进一步增长，并且不会收缩。下面是我的页面代码：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="//healthfitcorpwell.com/wp-content/themes/healthfitcorpwell/js/iframeResizer.min.js"></script>
<style>#lcembed{width:100%}</style>
<script type="text/javascript">
document.write('<iframe id="lcembed" name="lcembed" src="https://www.healthfitcorpwell.com/lce/?url=' + document.location + '" scrolling="no" frameborder="0"></iframe>');
iFrameResize({log:true, checkOrigin:false, inPageLinks:true, sizeWidth:true});
</script>

我的问题是:为什么会发生这种日益增长的现象？当我在移动设备上查看时，如何让它工作？由于我将在iframe中导航，我是否需要在导航到的每个页面上都包含iframeResizer.contentWindow.min.js，还是只在加载的第一个页面上包含the？另外，我猜这并不重要，但是当我尝试使用jQuery方法时，它不起作用：$('#lcembed').iFrameResize();不会调整大小，并且iFrame高度看起来只有几个像素高。只有iFrameResize();本身在功能上是有效的。为什么会发生这种情况？

Answer 1

增长现象是由iframe高度和iframe的身体高度之间的大小不匹配引起的。如果你把min-height: 101%;从你的正文样式表中去掉，它就不会一直增长。

我无法重现手机的故障，在Android上的Chrome中，它看起来和我的桌面浏览器一样。

如果您要导航到iframe中的其他页面，那么是的，您需要在每个页面中包含内容脚本。它必须调用父框架，这在没有脚本的情况下是无法实现的。