<meta name="responsive-embedded-sizing">
がありません。サイズの公開をオプトインしていないため、親で
frame-sizing を指定していても自動リサイズされません。
内容は child-basic.html とほぼ同じですが、meta タグによるオプトインが 抜けています。親ページから見ると CSS の指定は同じでも、この iframe だけ 固定サイズのままになっているはずです。
これは仕様上の重要な性質で、埋め込まれる側が自分のレイアウトサイズを 公開するかどうかを自分で決められることを意味します。許可されていない 埋め込み元に対しては、親が一方的に子のサイズを知ることはできません。
サイズを公開したい場合は、head 内に meta タグを 1 行追加するだけです。 公開先を特定オリジンに限定したい場合は content の allow-origins で 許可リストを指定します。
この文書がスクロールバーで切れて見えていれば、オプトインなしでは 自動リサイズが働かないことの裏取りができています。