Question

我们有一个网站是由第三方使用adobe muse编程的，它使用iframe来显示网站的一部分。然而，这个iframe卡在一个容器中，这个容器阻止了框架从左到右一直穿过屏幕。我想让这个框架动态地填满整个屏幕。

MUSE为该帧生成的代码是：

<iframe class="actAsDiv" src="https://mypage.com/page.php" style="border:0px #FFFFFF none;" name="My Page" scrolling="yes" frameborder="0" marginheight="0px" marginwidth="0px" height="1000px" width="1160px"></iframe>

使宽度动态并将帧设置为100％宽度实际上将帧缩小到屏幕的1/4。我认为我需要做的是偏移框架，但我似乎无法弄清楚如何将它一直向左移动，然后根据窗口的宽度动态设置宽度。

我试图在窗口大小改变时使用jquery来设置iframe的宽度，但它似乎没有改变。

<script>
        $(window).resize(function(){
            var windowWidth = $(window).width();
            $("#actAsDiv").css("width", windowWidth);
         });
</script>

我错过了什么？

Answer 1

更改您的选择器$（“＃actAsDiv”），您没有在iframe上使用ID，因此请将其更改为$（“。actAsDiv”）

如何在其容器外部展开iframe

1 个答案: