Blog

HOME > Web > Wordpress > 固定ページ > 【CSS】Facebookのlikeboxをレスポンシブにする

【CSS】Facebookのlikeboxをレスポンシブにする

2016/06/18

固定ページ css

Facebookのwidthは指定したサイズに固定されてしまうため
画面サイズを小さくするとはみ出た部分が右余白となってしまいます。

レスポンシブにする方法がありましたので備忘録として残します。

参考サイト
FacebookのLikeボックスをレスポンシブ対応(100%)にする方法、HTML5版

CSS

.fb_iframe_widget, .fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

こちらを追加するだけでOKです。



ゼヒトモ内でのプロフィール: ROCKSTREAM, ゼヒトモのホームページ作成・制作サービス, 仕事をお願いしたい依頼者と様々な「プロ」をつなぐサービス

カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ