流畅且响应迅速的 Facebook Like Box

【问题标题】：Fluid & Responsive Facebook Like Box流畅且响应迅速的 Facebook Like Box
【发布时间】：2013-01-01 02:25:46
【问题描述】：

我正在使用“旧”的 FB Likebox：

<div class="container">
    <div class="row-fluid">
        <div class="span12">
            <div id="fb-root"></div>
            <script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>
            <script type="text/javascript">FB.init("394109690683544");</script>
            <fb:fan height="120px;" width="100%" logobar="false" stream="false" connections="12" css="http://myurl.com/facebook.css" profile_id="562615520421911" class="fb_iframe_widget "></fb:fan>
        </div>
    </div>
</div>

如何将 css 更改为始终具有 100% 的宽度？我需要使用带有 twitter bootstrap 和 responisve 的盒子。

谢谢

【问题讨论】：

我不认为你是 csn，因为它是在外部 iframe 内部加载的

标签： css twitter-bootstrap responsive-design fluid-layout facebook-likebox

【解决方案1】：

如果您查看生成的代码，它将无法正常工作

<fb:fan height="120px;" width="200%" ...

翻译成

<iframe id="f13ed26db2962a6" class="fb_ltr" scrolling="no" name="f2625075f1fd254" style="border: medium none; overflow: hidden; height: 120px; width: 200px;"

这意味着小部件只读取 iframe 设置为 200px 而不是 200% 的值

编辑：似乎我可以用 jQuery 破解一下来实现这一点，但是因为我无法将 span 设置为 100%，即使它的 display:block 我正在使用文档宽度将跨度设置为适当的宽度，但是您可能需要将其更改为父 div 的宽度。再次hacky，但可能会让你开始......

JSFiddle

【讨论】：

嗯？是否可以通过javascript解决这个问题？一定有办法:(