如何调整iframe的大小？(css媒体查询？)

Question

大家好，我希望根据浏览器窗口的大小调整iframe的大小，但我都转过身来，因为高度和宽度。如果你能给我解释一下我的困惑，我会很感激的。

我知道如何使用css媒体查询根据屏幕大小使用不同的样式表，但是当我必须预定义iframe内部的高度和宽度时，这如何应用于位于另一个网站上的iframe？

你甚至需要在iframe中定义高度和宽度吗？或者，您可以使用媒体查询来检测包含iframe的浏览窗口的大小，然后根据该大小设置高度和宽度值。

例如，iframe中通常包含的内容，但如果其他网站是在iphone上打开的，我如何才能使iframe成为类似的内容？

还是我错过了什么？

Answer 1

尝试将iframe高度/宽度设置为百分比。像这样：

<iframe height="100%" width="100%"></iframe>

这将导致iframe根据它的父容器扩展到它可能的最大大小。