超便利!youtubeの動画をCSSでレスポンシブ対応させる
コーディング
youtubeの動画を埋め込むとき、縦横比固定でレスポンシブ対応するCSSをご紹介します。コード量も少なくて、とっても便利です!
1 2 3 4 5 6 7 8 9 10 11 12 |
.movie { position: relative; width: 100%; padding-top: 56.25%; } .movie iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } |