ど素人から毛を生やす。<延>

フェイスブックのサイト貼り付けで幅100%にする方法

Web > css 2014年8月29日(最終更新:4年前)

2014年8月29日に作成されたページです。
情報が古かったり、僕が今以上のど素人だった頃の記事だったりする可能性があります。

2015.05.22追記
Facebookのサイト貼り付けの仕様が変わり、幅100%が正攻法ではできなくなってしまいました。詳しくはこちら

 

どもです。

フェイスブックのサイト貼り付けといえば、こちらの変換ページですが…

どう足掻いてもフレーム幅固定。
このままではレスポンシブサイトへの対応ができません。

というわけでcssの方で無理やり矯正します。

.fb-like-box,
.fb-like-box>span,
.fb-like-box>span>iframe{
	width:100% !important;
}

ちなみにこれはHTML5バージョンの場合のみ動作を保証します。
h260829これな。

この記事は役に立ちましたか?
  • _(:3」∠)_ 面白かった (0)
  • (・∀・) 参考になった (0)
  • (`・ω・´) 役に立った (0)