Javascript https://github.com/davidjbradshaw/iframe-resizerを使用して、iframe を常にコンテンツと同じ高さにしています。
これは非常にうまく機能しますが、たとえば私の電話では機能しません (< ~525px で高さを 0px に設定します)
http://www.eckl.com/edentity/neuwagenで確認できます(ログが有効になっています)。
- ログ -
[iFrameSizer][ホスト ページ: edentity-iframe] 高さをチェックする範囲は 0-Infinity jquery.responsiveiframe.js?1484233957:8 [iFrameSizer][ホスト ページ: edentity-iframe]
幅をチェックする範囲は 0-Infinity jquery.responsiveiframe.js?1484233957:8 です
[iFrameSizer][ホスト ページ: edentity-iframe] アニメーション フレームのリクエスト jquery.responsiveiframe.js?1484233957:8 [iFrameSizer][ホスト ページ: edentity-iframe]
IFrame (edentity-iframe) の高さを 0px に設定 jquery.responsiveiframe.js?1484233957:8
[iFrameSizer][ホスト ページ: edentity-iframe] 非表示の iFrame が検出され、可視性リスナーを作成 VM19339:9 [iFrameSizer][edentity-iframe] トリガー イベント ロック オフ
--ログ終了 --
ありがとう。