ミギムキ

[CSS] GoogleマップやYoutubeを縦横比率を合わせつつ幅いっぱいに表示したい

やりたいこと

サンプルコード

html

<div class="if_wrapper"> <!-- 設置コード -> </div>
スポンサー広告

CSS

.if_wrapper { position: relative; padding-bottom: 56.25%; } .if_wrapper > iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

仕組み、解説、補足など

スポンサー広告