スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Facebook Like Boxを幅100%にする(レスポンシブWebデザイン対応)

最近流行のレスポンシブデザイン。
Facebook Like Boxを幅100%にする方法のメモ。

通常は

<div class="fb-like-box" data-href="https://xxx.com" data-width="610" data-show-faces="true" data-stream="true" data-header="true"<>/div>

みたいな感じで書くが、data-widthを100%とかにしても出来ない。
なので、下記のようにCSSで調整する。


/* Facebook Like Box width:100% */
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
width: 100%! important;
}


参考サイト

Facebook Like Boxを幅100%にする(レスポンシブWebデザイン対応)
スポンサーサイト

トラックバック

コメント

承認待ちコメント
このコメントは管理者の承認待ちです
  • 2012-11-29│12:04 |
  • [edit]

コメントを残す

Secret


プロフィール

U2K

Author:U2K
いろいろプログラムに関しての覚え書きをちょくちょくと書いていきます。

オススメ










オススメ

忍者AdMax

u2k on Twitter

最近の記事


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。