Q&A
お世話になっております。
https://teratail.com/questions/289302
にて下記のhtmlで出来そうだと分かって来たのですが上記では元質問と離れてしまったので
新規での質問失礼いたします。
今現在下記のようなjavascriptでhtmlを表示しております。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>sample</title> <script language="javascript"> <!-- function getName(){ const moi2 = document.createElement('body'); moi2.innerHTML = '<div style="display: flex;flex-direction: column;" name="rfp"> <iframe style="height:50%;" src="http://192.168.5.24/aquarius/forum/forum1/wforum.pl?" name="forum1"></iframe> <iframe src="http://192.168.5.24/aquarius/forum/forum2/wforum.pl?"></iframe></div>'; document.body.appendChild(moi2); // これを↑に移植したつもり // document.write('<frameset rows="50%,50%" border="1" name="rfp"><frame src="http://192.168.5.24/aquarius/forum/forum1/wforum.pl?" name="forum1"><frame src="http://192.168.5.24/aquarius/forum/forum2/wforum.pl?"></frameset>'); } //--> </script> </head> <BODY onLoad="getName()"> <div id="div1">aaa</div> <div id="div2">aaa</div> </body> </html>
ですが現状iframeで高さを50%と指定する方法が不明なので
こじんまりと表示されています。
iframeで高さをブラウザで50%とする方法は何という語句でグーグルさんで調べれば良いか
ご助力頂けないでしょうか？
申し訳ないのですが上記お問い合わせいたします。
回答1件
0
ベストアンサー
"height:50%;" を height:"50vh;" に変えてみてください。
%を使用すると<div>といったコンテナ要素の中にあれば、そのコンテナ要素の幅に対する割合で計算されます。
投稿2020/09/03 07:13
総合スコア39
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/09/03 07:21