iframe タグの html を横幅いっぱいに広げたい

Question

test.html 内で　iframe タグを使い、同サーバー内にある table.html を呼び出し、
https://techacademy.jp/magazine/38314
のサイトを参考に JS を設置したのですが、画面サイズの横幅が半分程度に縮小されてしまいます

初めて iframe を使ったのですが、この小さいサイズがデフォルトなのでしょうか？
ご存じの方がおられましたら、ご意見お願いします

<iframe src="table.html" id="table" onload="read_table()"></iframe>
<script>
  const sub = document.getElementById("table");

  function read_table() {
  sub.style.width = sub.contentWindow.document.body.scrollWidth + "px";
  sub.style.height = sub.contentWindow.document.body.scrollHeight + "px";
}

Answer 1

CSSではだめなのでしょうか？

iframe{
width:100%;
height:100%;
}

Comments

[hiro114]

やば…
iframe に夢中になって、失念していました…
助かりました。ありがとうございます