如何製作一個html iframe 100％的寬度和高度？

如何製作一個iframe 100％窗口的寬度和高度？如何製作一個html iframe 100％的寬度和高度？

2010-07-22 Jacksta

在這裏有些建議：http://stackoverflow.com/questions/5867985/iframe-100-height – andychase 2010-07-22 05:56:54

這不是真正的重複幾個原因同樣的問題：1）這個問題問「如何「，而另一個問題」在哪裏（如在「哪些瀏覽器」中），b）這個問題是在另一個「問題」之前的整整一年出現的，c）另一個問題是質量低下，寫得不好，格式不對。）具有相同答案的兩個問題不會重複（即1 + 1和4/2都是2，但不是相同的問題） – IAmNaN 2014-09-01 19:49:27

@mikel答案未發佈到其他問題中，我猜是不一樣的「如何構建100％的iframe」和「如何製作100％寬度，可能在它存在於頁面上」。 – erm3nda 2014-12-30 05:38:01

回答這個以防萬一像我這樣的其他人絆倒在這個帖子當中，許多人建議使用JavaScript來改變iframe的高度爲100％。

我強烈建議您在使用基於JavaScript的選項之前查看並嘗試在How do you give iframe 100% height上指定的此選項。所引用的解決方案完全適用於我迄今爲止所做的所有測試。希望這可以幫助某人。

來源

2012-02-15 05:35:24 smallworld

此代碼可能幫助你。

<iframe src="" onload="this.width=screen.width;this.height=screen.height;">

來源

2014-07-26 22:05:37 mikel

請解釋一下 – vonbrand 2014-07-26 22:40:55

this.width設置此標記的寬度。 screen.width獲取屏幕寬度值。此代碼使這個標籤（iframe）的寬度=屏幕寬度，它的高度=屏幕高度 - 對不起 – mikel 2014-07-29 04:36:31

'屏幕'是實際的屏幕而不是瀏覽器窗口，所以在大多數情況下，瀏覽器窗口將小於屏幕尺寸。 – Soren 2014-09-30 21:24:53

如何製作一個html iframe 100％的寬度和高度？

回答

相關問題