質問: iframeの高さをレスポンシブルで自動調整したい。 こんにちは。 すでに、ブレイクポイントも設定してあるレスポンシブルのindex.htmlの中にもともとそのファイルの中に書いてあったバナー類を更新しやすいように、iframe化しようとしています。 その部分を別にterminal1.htmlというファイルに書いて、 ``` (IFRAME 機能を有効にして下さい) ``` とiframeを設置しました。 index.html内に設置したところ、横幅は問題なくレスポンシブルになっていますが、高さは今のところ500pxで固定となっています。 ここの高さのところを自動で取得させて、terminal1をすべて表示させたい(スクロールバー無し)、スマホでみてもindex.htmlに書いて実現していた通り、横幅に応じて中身が縮小していくようにしたいです。 ネットで調べると ```
回答: 挿入したスクリプトの'{' と '}' の数があっていません。 おそらくコピーしてきたコードが不足しています。 コピーするときに範囲設定を間違えたのではないでしょうか。 適切にインデント(各行の頭にスペースを挿入してコードを読みやすくすること)することで、この手の間違えはすぐにわかるはずですので、そういった癖を付けたほうが良いと思います。 以下のように処理を付け足すと、きちんと動作すると思います。 ただし、iframe で読み込んでいる "terminal1.html" の内容が遅れてサイズを変更するようなhtml になっていると、きちんと動作しませんので注意してください。 ``` ``` また、スクリプトの挿入位置は の直前よりも ~間のほうが良いと思います。 タグの onLoad 属性で adjust_frame_css 関数を呼び出しているため、 iframe の load イベントが発火された時点で adjust_frame_css 関数がすでに定義されている必要があります。 (おそらく iframe の読み込みが終わるころには も読み込み終えているので、直前でも動作するにはするのですが)