iframe-resizerの使用：iframeを内部でクリックしたときにiframeが大きくなり、モバイルでも機能しない

Question

iframe-resizerを自分のサイト（http://www.healthfitchiro.com/alternate-login）にインストールしました。すべてモバイルで、どんな容量でも。 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を含める必要がありますか？また、これは重要ではないと思いますが、jQueryメソッドを使用しようとすると機能しません。$('#lcembed').iFrameResize(); iFrameの高さは数ピクセルにしかなりません。 iFrameResize();のみが機能的に機能します。なぜこうなった？

Answer 1

iframeの高さとiframeのボディの高さのサイズの不一致が原因です。あなたの体のCSSからmin-height: 101%;を削除すると、成長し続けることはありません。

モバイルの誤動作を再現できませんでした。AndroidのChromeでは、デスクトップブラウザと同じように見えました。

iframe内の他のページに移動する場合は、各ページにコンテンツスクリプトを含める必要があります。それは親フレームへの呼び出しを行わなければなりません。これはスクリプトなしでは起こり得ません。