如何调整iFrame中显示的网站的大小?

时间:2012-04-05 08:35:45

标签: facebook iframe web resize scrollbar

我们如何调整iFrame中显示的网站的大小?如果网站比Facebook页面宽,是否有可能使它显得更小,以便我们可以看到它? 这是我用来避免滚动条的代码:

<html>
<head></head>
<body>
<iframe style="width:827px; height:1000px;" src="#"></iframe>
</body>
</html>

先谢谢!

2 个答案:

答案 0 :(得分:0)

更改高度和宽度,例如我的脸书我将其更改为 style="border:none; overflow:hidden; width:215px; height:290px;" 只需确保添加溢出隐藏部分,以便隐藏任何额外的

答案 1 :(得分:0)

在开始标记

之后使用此代码
<div id="fb-root"></div>
    <script src="https://connect.facebook.net/en_US/all.js"></script>
    <script>
      window.fbAsyncInit = function() {
        FB.init({
          appId : 'YOUR APP ID', //Your facebook APP here
          cookie : true, // enable cookies to allow the server to access the session
        });
      }

      window.onload = function() {
        FB.Canvas.setAutoGrow(91);
      }
    </script> 

还将此css语句添加到标题部分。

<style>
body {overflow:hidden;} /*This is handy for removing horizontal/vertical scrollbars as we won't need them if we autosize; */
</style>