有很多文章讨论了CSS的巧妙方法，以使视频（例如youtube）通过iframe响应（如此处https://blog.theodo.fr/2018/01/responsive-iframes-css-trick/中所述）进行响应。最终，您将iframe包裹在相对的容器中，其顶部填充等于视频的长宽比（height / width * 100）％。
当您的iframe内容的宽高比是静态的时，此方法效果很好，但是如果您的 iframe内容也具有响应能力，是否有一种聪明的方法可以通过CSS来纯粹实现此目的？
例如，假设您的iframe内容包含一个框的自举网格（col-xs-12 col-md-3），并且您为iframe分配了100％的宽度，以便其对父级的垂直窗口大小进行响应。当您减小父级的尺寸时，在col-xs-12插入的位置，宽高比已更改，由于高度的变化，您可能会看到iframe出现垂直滚动条。
我认为在这种情况下，实现响应的唯一方法是通过javascript（postMessage调用）。
有人有什么想法吗？