使用jQuery使iframe响应，所有这些都适用于移动设备

Question

在我的SharePoint环境中，我必须使用页面查看器将自定义HTML表单加载到iframe中。除了布局设置为强制宽度这一事实外，一切正常。这意味着屏幕的左侧和右侧非常开放。我对CSS非常好，甚至覆盖了选择器，但我还没有研究如何制作iframe及其子，在布局设计中做出响应。我们如何通过jquery从头开始实现它？

我非常希望我的iframe的宽度与其父容器一样宽，并且能够滚动更长的内容。我知道它的宽度不仅仅是100％。此外，这适用于移动设备 - 这是我的最终目标。

任何小例子？

谢谢！

Answer 1

获取浏览器的宽度：

$(window).width();

要获得窗口的高度：

$(window).height();

设置iframe宽度和高度的宽度（假设只有一个）：

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