hodzue.jp/memo/

YouTubeの埋め込みコード貼ったときの見た目が気になったからまた少しCSSいじった。こういうときにaspect-ratioを使うのね〜なるほどなるほど。
具体的には、YouTubeから取得した埋め込みコードのiframeにwidthとheightが指定されててコンテナからはみ出ちゃってたのでまずはこうしてみた。

iframe {
  max-width: 100%;
  height: auto;
}

でもこれだけだと思うような表示にならなかったので、さらにこうした。

iframe {
  max-width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

本当はもっと正しい記述があるんだけど（すべてのiframeじゃなくてyoutube.comのiframeだけにあたるようにするとか）、個人のサイトだし困ることもなさそうだから当面はこれでいいでしょう。