このツールについて
幅と高さの比率を入力すると、レスポンシブなアスペクト比ボックスを生成します。最新の aspect-ratio CSS と padding-top パーセンテージのフォールバックの両方を出力し、すべてブラウザ内で完結します。
よくある質問
padding-top のフォールバックを含める理由は？
padding-top パーセンテージのテクニックは、最新の aspect-ratio プロパティに対応していない古いブラウザでも固定のアスペクト比を再現します。
比率は簡約されますか？
はい。16 と 9 のような値は最大公約数で約分されるため、1920 × 1080 は 16 / 9 と表示されます。