🖥️ アスペクト比計算
幅と高さから画面比（アスペクト比）を計算します。最大公約数で整数比（例：1920×1080 → 16:9）と小数比・逆比を算出し、プリセットや比率からのサイズ逆算、CSSの生成にも対応。すべての処理はブラウザ内で完結し、入力内容はサーバーに送信されません。
| 整数比 | — |
|---|---|
| 小数比 | — |
| 逆比 | — |
16 : 9
720
aspect-ratio は現代的な方法です。padding-top ハックは古いブラウザ向けの互換手法です。
📘 使い方
- 「幅」「高さ」を入力すると、最大公約数で約分した整数比・小数比・逆比が計算され、プレビューにも反映されます。
- プリセット（16:9 など）をクリックすると、現在の幅を基準に高さが再計算されます。
- 「比率から計算」では、比率W:Hと既知の辺（幅または高さ）を指定して、もう一方のサイズを求められます。
- 下部のCSS出力から aspect-ratio と padding-top ハックのコードをコピーできます。
❓ よくある質問
整数比はどのように求めていますか？
幅と高さの最大公約数（GCD）をユークリッドの互除法で求め、それぞれを割ることで既約分数（例：1920:1080 → 16:9）にしています。小数を含む値は一定倍して整数化してから計算します。
padding-topハックとは何ですか？
aspect-ratio が使えない古いブラウザで縦横比を保つための手法です。子要素を絶対配置し、親に padding-top: 56.25%（16:9の場合）のように高さ÷幅×100%を指定します。
2.35:1のような小数比も扱えますか？
はい。シネマスコープ（2.35:1）などの小数を含む比率も入力・プリセットに対応しています。整数比は近似の約分結果として表示されます。
入力値はサーバーに送信されますか？
いいえ。すべての計算はブラウザ内（クライアントサイド）で行われ、入力値がサーバーへ送信されることはありません。オフラインや file:// でも動作します。