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

Article views110 VIEW

b1f84567 s - Wordpress iframeで作成されたFacebookのLikeboxをCSSでレスポンシブにFacebookのLikeboxってとても素敵ですよね。

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

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

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

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

案の定ありました。


CSSにこれを記述。

そして表示したい場所に

これを記述。

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

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

Pocket
pinit fg en rect gray 28 - Wordpress iframeで作成されたFacebookのLikeboxをCSSでレスポンシブに
line88x20 - Wordpress iframeで作成されたFacebookのLikeboxをCSSでレスポンシブに
[`evernote` not found]

Leave a Comment

CAPTCHA