css

Youtubeのレスポンシブ対応

投稿日:

.movieはiframeを囲うdivなど

.movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

 

-css

関連記事

no image

Flexboxについてまとめ

引用 日本語対応!CSS Flexboxのチートシートを作ったので配布します Flexboxの古い仕様とベンダープレフィックスまとめ

no image

テーブルジェネレータ

excelからtableタグ作成 https://www.tablesgenerator.com/html_tables  

no image

sassのパーシャルファイル変更時にコンパイルさせる方法

  https://shuu1104.com/2021/09/4258/  

no image

IE11で背景にSVG画像、background-positionが効かない

SVGタグに「preserveAspectRatio=”xMinYMid”」 ただしケースによって以下に変更する必要がある。 xMinYMin xMidYMin xMaxYMin xMinYMid x …

no image

ホバーの正しい書き方

【CSS】まだホバー時のスタイルを :hover だけで指定してるの? https://zenn.dev/kagan/articles/css-hover-style?fbclid=IwAR1Z_wm …