FacebookのLike Boxプラグインをブログコンテンツの幅に合わせて可変対応(レスポンシブ対応)する方法のご紹介です。
FacebookのLikeボックスを可変に
※FacebookのLike Boxをブログに設置する方法は、別途こちらのFacebook のLike Box をブログに設置する方法の記事を参考にしてみてください。HTML5版でLike Boxをブログに設置する場合、ご利用のテーマのstyle.cssに以下のスタイルを追加します。
1 2 3 4 5 6 |
.fb_iframe_widget, .fb_iframe_widget[style], .fb_iframe_widget iframe[style], .fb_iframe_widget span{ width: 100% !important; } |
コメント