アスペクト比計算
幅・高さからアスペクト比を計算。動画・画像のサイズ変換・リサイズに活用できます。
幅・高さからアスペクト比を計算
×
アスペクト比
16:9
小数比 (幅÷高さ)
1.7778
padding-top %
56.2500%
よく使う比率プリセット
比率から幅・高さを逆算
:
720px
-
CSSコード生成
aspect-ratio プロパティ（モダンブラウザ）
aspect-ratio: 16 / 9;
padding-top トリック（旧ブラウザ対応）
.container {
position: relative;
width: 100%;
padding-top: 56.2500%;
}
.content {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
}