注意: この文書には <meta name="responsive-embedded-sizing"> がありません。サイズの公開をオプトインしていないため、親で frame-sizing を指定していても自動リサイズされません。

埋め込みドキュメント(child-no-meta.html)

内容は child-basic.html とほぼ同じですが、meta タグによるオプトインが 抜けています。親ページから見ると CSS の指定は同じでも、この iframe だけ 固定サイズのままになっているはずです。

これは仕様上の重要な性質で、埋め込まれる側が自分のレイアウトサイズを 公開するかどうかを自分で決められることを意味します。許可されていない 埋め込み元に対しては、親が一方的に子のサイズを知ることはできません。

サイズを公開したい場合は、head 内に meta タグを 1 行追加するだけです。 公開先を特定オリジンに限定したい場合は content の allow-origins で 許可リストを指定します。

この文書がスクロールバーで切れて見えていれば、オプトインなしでは 自動リサイズが働かないことの裏取りができています。

child-no-meta.html この文書の高さ: