使用jQuery将网页调整到facebook选项卡_Jquery_Html_Css_Facebook

使用jQuery将网页调整到facebook选项卡

jquery html css facebook

使用jQuery将网页调整到facebook选项卡,jquery,html,css,facebook,Jquery,Html,Css,Facebook,我正在尝试将网页调整到facebook选项卡，我为该选项卡创建了新页面，并从目标网页加载内容，一切顺利。问题是我无法重新调整此内容的大小以适应810px HTML: <html> <head> <meta charset='utf-8'> <link rel="stylesheet" type="text/css" href="css/style.css"> <script type=

我正在尝试将网页调整到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>

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

有没有关于如何更改加载内容大小的建议？

您应该使用高/宽百分比（%）而不是px/em。更改css文件。

我不确定我是否理解这个问题，但这里是我的想法。如果您试图更改加载内容中的元素，您可以添加一个在加载内容后激发的函数并进行调整

$(document).ready(function(){   
    $( "#facebook-contant" ).load('recommendations.html #rec-board-holder',function(){
        //access and make adjustments here
    });
});

您可以尝试canvas setSize方法来调整选项卡页面的高度和宽度，参考：

方法调用

FB.Canvas.setSize

它采用类似json对象的参数

FB.Canvas.setSize({ width: 640, height: 480 });

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

取决于recomensions.html中的html。你能告诉我们吗？我如何影响recomensions.html css？这仍然取决于。。。什么是inside recommandations.html？您可以从第一个html文件对其进行样式设置，因为它被插入到同一个dom中。此facebook应用程序是否可以在任何地方访问？默认情况下，a占据容器宽度的100%。这将是Facebook的标签容器，其宽度已经由您在应用程序仪表板上指定（或者我在Facebook的页面标签教程上读到）。当然，当在Facebook之外进行测试时，这个容器会丢失，但是您可以通过调整web浏览器窗口的大小来模拟这种效果。我想问你的问题是：在造型方面，你还想实现什么？