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

时间:2011-09-13 15:04:22

标签: iframe media-queries

嗨,大家好我想根据浏览器窗口的大小调整iframe的大小,但是我的身高和高度都变了。真的会对我困惑的地方有所解释。

我了解如何使用css媒体查询根据屏幕大小使用差异样式表,但是当我必须预先定义iframe中的高度和宽度时,这如何应用于位于另一个网站上的iframe?

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

例如iframe中通常是什么,但是如果将其他网站带到iphone上,我将如何获得iframe?

或者我错过了什么?

1 个答案:

答案 0 :(得分:1)

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

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

这将导致iframe扩展到它的最大可能大小,具体取决于其父容器。