Iframeの高さの調整

Question

https://obot-ai.com/fee/
https://obot-ai.com/fee/
Wordpressのページにiframeで価格表の部分を表示させたのですが
・PC画面で高さを1600pxで調整したらスマホのときに途中の部分が消えてしまう
⇒スマホ対応にしたい
・スクロールバーがでないようにしたい
・Wordpressの構築専用のCSSにiframe用のCSSをいれたが聞いていない

こちらを簡単に解消する場合はどのようにすればいいでしょうか？
できたらJSは使用したくありません。

ご教示お願い致します。

Accepted Answer

ECマスターズの田中です。

iframeの内容の高さが、
文字の折返し具合などによって変動する場合、
単純にCSSを書くだけでは
どうしても調整が難しくなってしまいます。

https://forum.ec-masters.net/post_view.php?id=7206
上記質問で紹介している「iFrame Resizer」などの
jQueryプラグインを利用するか、

iframeによる埋め込みを使わず、
Wordpressのページに直接HTMLをご記載いただいたり、
他のページで使い回すようであれば、
https://on-ze.com/archives/1144
上記ページの方法で、別のテンプレートパーツとして用意した上で
それを読み込む形で記入したり、
といった形で、ページ内に直接設置していただく、

といった方法をご検討いただきますようお願いします。