Youtubeとかの色々なiframeをレスポンシブ対応する対策 - MEMOGRAPHIX

レスポンシブデザイン、iframeと相性悪くて、普通に作るとスマホでyoutubeはみ出るみたいになる。そこで、よく使うiframeのレスポンシブ対策をまとめた。 Facebook Like Boxまずfb-like-boxをdivで囲う <div class="likebox-container"> <div class="fb-like-box"></div> </div> 次に下記のスタイルを書く。と幅可変になる div.likebox-container .fbcomments, div.likebox-container .fb_iframe_widget, div.likebox-container .fb_iframe_widget[style], div.likebox-container .fb_iframe_widget iframe[style], div.likeb

[aw_2doller]

ifremeなどをレスポンシブで縮小する参考

[minimum_sho]

iframeのレスポンシブ対応について

[web_designer]

memo

[misaquo]

分かりやすくまとまってた。Prefabも動画の埋め込みがイマイチだから直さなきゃ。