使iframe響應jQuery，全部用於移動設備

Question

從我的SharePoint環境中，我必須使用頁面查看器將自定義HTML表單加載到iframe中。除了佈局設置爲強制寬度這一事實外，一切都可以找到。這意味着屏幕的左側和右側非常開放。我對CSS很滿意，甚至壓倒性的選擇器，但我還沒有研究如何製作iframe和它的孩子，在佈局設計上做出了響應。我們如何使它從頭開始使用jQuery？

我非常想要我的iframe的寬度與其父容器一樣寬，並且也能夠滾動更長的內容。我知道它不僅僅是100％的寬度。此外，這將爲移動設備工作 - 這是我的最終目標。

任何小例子？

謝謝！

Answer 1

得到瀏覽器的寬度：

$(window).width(); 

得到窗口的高度：

$(window).height(); 

要設置iframe的寬度和高度的寬度（假設只有一個）：

$('iframe').height($(window).height()); 
$('iframe').width($(window).width());