Question

我需要拉伸我应用的已用空间的宽度。下图显示有空间可供使用。

图片：http://imageshack.us/photo/my-images/834/imgbe.png/

此操作的一个示例是： http://apps.facebook.com/meucalendario/

Ps：我尝试过使用：FB.Canvas.setAutoGrow，FB.Canvas.setSize（）但没有成功。

感谢。

Answer 1

默认画布宽度 760px ，但Facebook最近为开发人员添加了使用 fluid 宽度的选项。这意味着您的iframe将具有100%宽度，并将根据用户的屏幕分辨率/浏览器进行扩展。

您可以阅读官方博客文章here和示例（假设您已在应用设置中设置选项）：

<html>
 <head>
   <title>Fluid Width HTML Example </title>
 </head>

 <body style="margin:0; padding:0; border:0; background-color:#000000">

     <div id="allContent" style="background-color: #0000FF; height:100%">
        <div id="output" style="color: #FFFFFF;" />
     </div>

     <div id="fb-root"></div>
     <script src="http://connect.facebook.net/en_US/all.js"></script>
     <script type="text/javascript">
     FB.init({
            appId  : 'APP ID',
        });

     function echoSize() {
              document.getElementById('output').innerHTML = 
                 "HTML Content Width: " + window.innerWidth + 
                 " Height: " + window.innerHeight;
              console.log(window.innerWidth + ' x ' + window.innerHeight);
        }

       echoSize();
       window.onresize = echoSize;
     </script>
  </body>
</html>

P.S。：不能覆盖右侧的实时自动收报机！

Answer 2

你不能这样做。它的最大值是760px，这可以达到您可以拉伸应用程序视图端口的距离。

拉伸应用程序的页面宽度

2 个答案: