如何在iframe中應用基於窗口大小而不是iframe大小的引導響應類

我在包裝器中有一個iframe。包裝的寬度爲350px，高度爲450px。 iframe需要此包裝的高度和寬度。如何在iframe中應用基於窗口大小而不是iframe大小的引導響應類

我的問題是當我使用引導的實用工具類，例如。 hidden-xs，即使在桌面上也可以應用它們。有沒有什麼方法可以根據窗口大小而不是iframe大小實際應用這些響應式樣式。 CSS在iframe中加載。

我試過按照iFrame and media query issue的方法，但它似乎並沒有爲我工作。

2017-01-31 CodingBee

媒體查詢基於視口，對於iframe內的內容，iframe是視口。你想要什麼目前是不可能的。 _元素媒體查詢_已被幾個人提出，但目前還沒有實施。 – CBroe

謝謝。這解釋了，我會研究其他方法。有我自己的CSS類和定義與設備寬度（最大設備寬度）而不是寬度的樣式將工作，但它聽起來像好辦法？ – CodingBee

首先，

，因爲iFrame的僅僅是顯示外部HTML文件的一個窗口，這意味着IFRAME本身是一個窗口/瀏覽器屏幕。所以，你必須先讓它響應：

之後，你必須申請自舉類或任何對正在顯示在iframe外部HTML文件。換句話說創建另一個html文件，鏈接引導程序，按您希望的方式設計html，然後將其顯示在iframe上。

我爲我的網站做了同樣的事情，但還沒有完成，但看看有一個想法。

，如果你不想iframe的任何變化......嘗試添加一個div，類或任何外部的IFRAME如此類的CSS不生效的iframe

2017-01-31 13:57:33

iframe確實是外部HTML文件的視口，但我不確定這個問題是否完全被您理解。 iframe的內容是有反應的，而不是我想要的。感謝您的輸入，下面的評論問題回答它。 – CodingBee

回答