Q

拉伸應用程序的頁面寬度

2011-10-17 51 views 1 likes

1

我需要拉伸我應用程序的已用空間的寬度。下圖顯示有空間可供使用。拉伸應用程序的頁面寬度

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

該動作的一個例子是： http://apps.facebook.com/meucalendario/

PS：我嘗試使用：FB.Canvas.setAutoGrow，FB.Canvas.setSize（），但沒有成功。

謝謝。

2011-10-17 vctlzac

A

回答

0

你不能這樣做。它的最大值是760px，這取決於你可以在多大程度上擴展應用程序的視圖端口。

2011-10-17 15:24:34

+0

而應用程序又如何？ http://apps.facebook.com/meucalendario/ – vctlzac

+0

好吧，您可以只爲基於畫布的應用程序執行此操作，並且可以通過將畫布寬度設置爲流暢來使用頁面的整個寬度。你可以從這個Facebook開發人員博客文章中找到詳細信息以及如何做到這一點http://developers.facebook.com/blog/post/549/ –

+0

我只將寬度更改爲流體，並且工作正常！韓國社交協會。 – vctlzac

2

默認畫布寬度爲760px，但Facebook最近添加了一些選項供開發者使用流體寬度。這意味着您的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>

PS：你不能覆蓋活在右邊的股票！

2011-10-17 17:22:21 ifaour

相關問題