设置iframe的高度，以百分比值，使其收缩

我试图做一个负责任的iframe，但那种通过设置宽度= 100％，但这样做的高度适用于宽度导致此：http://imgur.com/6pZJUb7 设置iframe的高度，以百分比值，使其收缩

的iframe放在<div class="w3-half w3-center">里面，我用的是w3 css。

2017-08-15 vvAve

你想实现什么？ – 2017-08-15 21:21:10

正如我所说，让它响应。它应该改变大小以适合页面。 – vvAve

[全屏iframe的高度为100％]的可能重复（https://stackoverflow.com/questions/5867985/full-screen-iframe-with-a-height-of-100） –

我假设你想在你的iframe中保持某种纵横比。

如果父元素有一个确定的高度集合，百分比只能在高度上工作。

视口高度（vh）和视口宽度（vw）对于制作响应元素非常适用，因为它们不需要设置任何容器高度，但根据显示屏的不同，它们可能会有很大的不同。

像这样的事情会给你一个负责任的4：3纵横比：

div.wrapper { width:40vw; height:30vw; }

调整值，以满足您的需求。

2017-08-15 21:47:55 Josh

工作，谢谢。还有一件事，有没有一种方法可以从特定元素（页脚）而不是页面底部计算高度？ – vvAve

我不确定我是否理解这里的问题。你问是否有办法将你的iframe的高度设置为与页脚相同的高度？ – Josh

回答