使用jQuery将网页调整到facebook标签

cfi*_*coo 2 html css jquery facebook

我正在尝试将网页调整为Facebook标签,我为标签创建了新页面并从目标网页加载内容,一切顺利,问题是我无法重新调整此内容的大小以适应810px.

HTML:

<html>
    <head>
        <meta charset='utf-8'> 
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <script type="text/javascript" src="js/jquery.js"></script> 
        <script type="text/javascript" src="js/facebook-tab.js"></script>  
    </head>

    <body>
        <div id="facebook-contant"> 
        </div>

    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

jQuery的:

$(document).ready(function(){   
    $( "#facebook-contant" ).load('recommendations.html #rec-board-holder');
});
Run Code Online (Sandbox Code Playgroud)

任何建议如何更改负载内容大小?

Dha*_*ang 5

您可以尝试使用canvas setSize方法来调整标签页的高度和宽度,参考:

https://developers.facebook.com/docs/reference/javascript/

方法叫做

FB.Canvas.setSize 
Run Code Online (Sandbox Code Playgroud)

它需要json对象中的参数

FB.Canvas.setSize({ width: 640, height: 480 }); 
Run Code Online (Sandbox Code Playgroud)

您可以在此处指定宽度和高度.你需要调用facebook的javascript sdk来调用这个方法.