缩放iframe以适应可用空间，同时保持宽高比与纯CSS？

Question

我希望实现this之类的行为，但使用iframe代替img。

我尝试了什么：

• 使用img和max-width: 100%进行欺骗，max-height: 100%仅适用于图片，不适用于iframe。
• 在父div上使用padding-bottom百分比的技巧仅按已知宽度设置高度，所以这不是我想要的。

我还考虑过使用SVG foreignObject，因为AFAIK SVG的调整方式与img一样，但是这个标签似乎不受IE支持。

我还缺少其他任何解决方案，或者没有js是不可能的？