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

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

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

このページは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)