設置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

回答