javascript - 如何使用 Javascript 自动调整 Facebook 标签的高度?

标签 javascript html facebook tabs

我正在尝试为我的页面创建一个简单的 HTML Facebook 标签,但我似乎找不到如何更改标签最大高度的修复。

我应该提一下,我是编码方面的初学者,我知道非常基础的 HTML,但我尽量避免使用 JavaScript,因为我对此没有任何经验。

不幸的是,如果没有 JavaScript,我似乎无法做到这一点,所以我的问题很可能是我做错了什么。

代码看起来像这样(其余代码,包括结束 HTML 标记位于 JavaScript 部分之后,并且工作正常)。

<!DOCTYPE html>
<html>
<body>

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '***********', // App ID
      channelUrl : '//**********', // Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });

    // Additional initialization code here
  };

  // Load the SDK Asynchronously
  (function(d){
     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/en_US/all.js";
     ref.parentNode.insertBefore(js, ref);
   }(document));
</script>

<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript" charset="utf-8">
    FB.Canvas.setAutoGrow();
</script> 

我几乎从 Facebook 的开发人员页面复制了 Javascript SDK,然后找到了一小段应该自动设置高度的代码。我已经用谷歌搜索了答案,但没能找到任何可以解决这个问题的方法(或者用像我这样的绝对新手能理解的方式来解释它)。

希望你能帮帮我。

//弗雷德里克

最佳答案

既然你提到你知道非常基本的 html,我假设你也不知道 CSS 的可能性,所以我建议你替换这个:

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

用这个:

<div id="fb-root" style="max-width: 100px;"></div>

关于javascript - 如何使用 Javascript 自动调整 Facebook 标签的高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12815521/

相关文章:

javascript - Python flask 应用程序中的服务 worker - 未经检查的 runtime.lastError : Could not establish connection. 接收端不存在

javascript - 在 iframe 中访问选定的单选按钮值

facebook - 如何使用 Facebook Social Graph API 给某人点赞?

Facebook 分享 Og :image error, 当图像仅小于 200kb

facebook - facebook SDK登录出现奇怪错误

javascript - Firefox 网络浏览器中不显示确认消息

javascript - 谷歌地图 API 无法加载

html - 如何在CSS中制作菜单镜像

html - 尝试在 CSS 动画 div 上获得轻微的页面 curl 框阴影

html - 带有宽底列的 Bootstrap html 表格