FacebookのLikeboxってとても素敵ですよね。
多くのサイトがFacebookのLikeboxを使っています。
ただLikeboxはレスポンシブではなく、PCでは綺麗に表示されるがスマホの幅ではLikeboxの幅が変わらず、著しくデザインが悪くなってしまいます。
前回YoutubeをCSSでレスポンシブ対応を実現しました。
「今回もネットで探せばCSSで実装できるだろ！」とたかをくくってたのです。
案の定ありました。
CSSにこれを記述。
そして表示したい場所に
これを記述。
先人のおかげで楽勝である。
参考にしたサイト
レスポンシブデザインでインラインフレームをフィットさせる
コメント