如何調整iframe的大小？ （css媒體查詢？）

Question

嗨，大家好，我正在尋找調整一個iframe的大小取決於瀏覽器窗口的大小，但我也都轉身爲高度和寬度。我真的很感激一些關於我困惑的解釋。

我明白如何使用css媒體查詢根據屏幕大小使用差異樣式表，但是當我必須預先定義iframe中的高度和寬度時，這如何適用於位於另一個網站上的iframe？

您是否還需要在iframe中定義高度和寬度？或者，您可以使用媒體查詢來檢測包含iframe的瀏覽窗口的大小，然後根據該值設置高度和寬度值。

例如，通常在iframe中是什麼，但是如何讓iframe成爲如果另一個網站在iPhone上顯示的東西？

或者我錯過了什麼？

Answer 1

嘗試將iframe的高度/寬度設置爲百分比。像：

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

這將導致iframe擴展到它的最大可能的大小取決於其父容器。