相模原市WEBサイト制作・カスタム・修復
【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です。
カテゴリー
- 法華宗本門流 (1)
- 延喜式内社 (82)
- マルチサイト (5)
- 聖観音宗 (2)
- 海外ドラマ (1)
- 日本文化 (1)
- Facebook (2)
- 真言律宗 (1)
- 皇居 (1)
- 臨済宗 (2)
- Googleドライブ (1)
- XAMPP (1)
- 給付金・補助金 (1)
- Jimdo (2)
- 旅行 (1)
- 時宗 (1)
- 日蓮宗 (9)
- AI (12)
- 真言宗 (12)
- Claude Code (2)
- 天台宗 (11)
- 浄土宗 (4)
- 曹洞宗 (5)
- Windows (8)
- 湖 (1)
- ビール (0)
- Web (5)
- PHP (6)
- ECCUBE2.13 (32)
- 神社 (206)
- バイク (2)
- カスタムフィールド (4)
- プログレッシブロック (8)
- ECCUBE2.11～ (29)
- キリン (13)
- 寺院・神社 (0)
- 投稿 (29)
- MySQL (1)
- 寺院 (78)
- Mac (7)
- 自然 (1)
- 映画 (3)
- Linux (5)
- ECCUBE2.4 (6)
- 御朱印 (415)
- ブラウザ (5)
- 音楽 (7)
- 車 (13)
- 固定ページ (25)
- お香 (5)
- ドライブ (85)
- カスタム投稿 (53)
- ECCUBE3.0～ (1)
- Hobby (0)
- Thunderbird (1)
- お酒 (0)
- プラグイン (48)
- 滝 (11)
- Wordpress (147)
- お気に入りのお店 (1)
- ECCUBE (2)
- 相模原 (18)
- Movaqble Type (3)
- パソコン (3)
- カルチャー (2)
- HTML (7)
- 買取 (4)
- Googleマップ (4)
- javascript (19)
- ニュース (1)
- その他 (1)
- JQuery (38)
- css (55)
- htaccess (5)
- ツィッター (1)
- ホームページ制作 (22)
- ホームページの修復 (3)
- スマートフォン (6)
- スパム (3)
- WEB関連ニュース (18)
月間アーカイブ
最近の投稿
-
2026/11/07
神社
-
2026/11/06
AI
-
2026/11/05
Wordpress
ホームページ制作
-
2026/11/04
Mac
-
2026/11/03
AI
人気の記事
電話受付 10:00 ～ 18:00 土日祝休
