1

私は「古い」FBLikeboxを使用しています。

<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％の幅に変更するにはどうすればよいですか？ツイッターのブートストラップと応答でボックスを使用する必要があります。

ありがとうございました

4

1 に答える 1

3

生成されたコードを見ると、機能しません

<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が200％ではなく200pxに設定されているため、ウィジェットは値のみを読み取ります

編集：それを実現するためにjQueryで少しハックできたようですが、ドキュメントの幅を使用してスパンを適切な幅に設定しているspan場合でも、を100％に設定できないため、display:blockこれを親divの幅に変更する必要があります。再びハッキーですが、あなたが始めるかもしれません...

JSFiddle

于 2013-01-17T14:26:19.330 に答える