当前位置：文江博客话题详情

拉伸应用程序的页面宽度

发布于 2024-12-10 09:16:28 字数 388 浏览 0 评论 0原文

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

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

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

Ps：我尝试使用：FB.Canvas。 setAutoGrow、FB.Canvas.setSize()但没有成功。

谢谢。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

波浪屿的海角声 2024-12-17 09:16:28

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

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

<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>

PS：您无法覆盖右侧的实时行情！

The Default Canvas Width is 760px, but Facebook has recently added the option for developers to use fluid widths. Which means your iframe will have a 100% width and will expand depending on the user's screen resolution/browser.

You can read the official blog post here, and an example (assuming you already set the option in your app settings):

<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.: You can't override the live ticker on the right!

回复收藏 0 原文