2011-07-26 34 views

Trả lời

9

Đó là 520px.

Như với Trang vải, lượng không gian có sẵn cho ứng dụng của bạn là bị chặn bởi ngữ cảnh bên ngoài của Facebook. Vì ứng dụng của bạn cũng được tải bên trong Trang Facebook, không gian nhỏ hơn (520 pixel) so với những gì có sẵn trên Trang vải.

from FB docs (yes i biết rằng doc về vải và nó chỉ đề cập đến các iframe, nhưng tôi không thể tìm thấy một cách nhanh chóng tham khảo tài liệu hướng dẫn iframe đầy đủ)

Cập nhật quan trọng

Trên 30 tháng 3 năm 2012, Facebook đã thay đổi điều này thành 810px, để phù hợp với thiết kế mới của dòng thời gian.

Và tại đây bạn có ảnh chụp màn hình của ứng dụng Facebook, với chiều rộng 810px.

enter image description here

+0

520px với phần Tràn thừa: Ẩn (trong phần thân). 503px nếu bạn sử dụng thanh cuộn dọc. - – Tomkay

+0

Điều này là sai. Bạn không thể có chiều rộng cơ thể là 810px hoặc bạn sẽ nhận được thanh cuộn ngang. Điều này không tính đến các lề bổ sung được áp đặt bởi Facebook. Vì vậy, câm như thế nào không ai biết được câu trả lời cho bất kỳ vấn đề nào trong số này. – 3Dom

+0

@ 3Dom đặc biệt cho bạn thêm ảnh chụp màn hình của một số ứng dụng thử nghiệm facebook, với chiều rộng cơ thể 810px và bạn không thể thấy thanh cuộn ngang. –

2

Để tham khảo trong tương lai, bạn có thể thiết lập độ rộng khung hình để được nổi bên trong cài đặt nâng cao của ứng dụng. Điều này cho phép bạn có bất kỳ chiều rộng nào cho ứng dụng của bạn. Xem http://developers.facebook.com/blog/post/549/

3

Đó là 810 px rộng. Bạn không phải lo lắng về thanh cuộn nếu bạn sử dụng mã sau ...

<!--in head section--> 
<script type="text/javascript">  
    window.fbAsyncInit = function() {  
    FB.Canvas.setSize();  
    }  
    // Do things that will sometimes call sizeChangeCallback()  
    function sizeChangeCallback() {  
    FB.Canvas.setSize();  
    }  
</script> 

<!--at the bottom of your page right before the closing body tag--> 

<div id="fb-root"></div> 

<script src="http://connect.facebook.net/en_US/all.js"></script> 

<script>  
    FB.init({  
    appId : '320332891360172',  
    status : true, // check login status 
    cookie : true, // this allow the server to access the session 
    xfbml : true // parse XFBML  
    });  
</script> 
Các vấn đề liên quan