iframeやvideoのアスペクト比を設定しよう デモページ

ウィンドウ幅を縮めて、動画・画像を小さくしてみてください。
アスペクト比が保たれたまま小さくなります。

「aspect-ratio」を使った方法

iframeのアスペクト比を設定

記事サムネイルのアスペクト比を設定

「padding-top」を使った方法

iframeのアスペクト比を設定

記事サムネイルのアスペクト比を設定