WordPress iframeで作成されたFacebookのLikeboxをCSSでレスポンシブに

Article views88 VIEW

blue-jFacebookのLikeboxってとても素敵ですよね。

多くのサイトがFacebookのLikeboxを使っています。

ただLikeboxはレスポンシブではなく、PCでは綺麗に表示されるがスマホの幅ではLikeboxの幅が変わらず、著しくデザインが悪くなってしまいます。

前回YoutubeをCSSでレスポンシブ対応を実現しました。

「今回もネットで探せばCSSで実装できるだろ!」とたかをくくってたのです。

案の定ありました。


CSSにこれを記述。

そして表示したい場所に

これを記述。

先人のおかげで楽勝である。

参考にしたサイト
レスポンシブデザインでインラインフレームをフィットさせる

この記事が気に入ったら
いいね ! しよう

Twitter で
Pocket
LINEで送る

Leave a Comment

CAPTCHA