我有一个带有垂直视频（9:16）的iframe，环绕着一个div，覆盖了整个屏幕的剩余高度。我正在尝试使iframe覆盖包装的整个高度，并仍然保持宽高比。互联网上充斥着水平视频解决方案，但我似乎无法使其正常工作。
下面的代码可以工作，但是感觉不太稳定。假定宽度为高度减去固定标头高度的56.25％（9/16）。同样，它可以工作，但是有点跳动，并且在添加边距/填充时会中断。
EARNINGS<header>... header stuff ...</header>
<div class="iframe-wrapper">
<iframe src="..vertical_video..">
</div>