アスペクト比計算機
幅:高さと既知の寸法を入力するか、CSSモードで比率ボックスを作ります。16:9、4:3、1:1、9:16、21:9、3:2、2:3、4:5を選び、任意の幅と最大幅を設定できます。 実寸モードでは幅と高さ、または対角線と幅:高さを入力します。各条件に独立した入力と出力単位があります。ピクセルは比率を表し、実際の長さではありません。
使い方
使い方
- 寸法、CSS、画面実寸のモードを選び、8つのプリセットか正の自由比率を指定します。
- 既知寸法、対応するCSS長さ、または実寸・対角線と単位を入力し、必要に応じて名前付き条件を追加します。
- 全結果を計算します。CSSを個別にコピーするか、固定数値レポートをコピー・保存します。編集で前の結果は消えます。
数値とレポート
任意の寸法上限を設けず、正の有限小数を受け付けます。空欄、非対応モード・単位、オーバーフロー、ゼロへのアンダーフローを拒否します。整数の約分は元の十進入力と厳密な整数演算で行います。実寸と面積はブラウザーの浮動小数点計算です。レポートには元の文字列、解析値、単位、モデル、全精度の全結果を保持します。数値は実測値ではありません。
安全なCSS長さとプレビュー
幅と最大幅は100,000以下の正の数とpx、rem、em、%、vw、vh、最大24文字です。式や任意のCSSは使えません。空欄の幅は100%、最大幅は省略します。高さ/幅は0.0001～10,000です。静的プレビューは枠に合わせ、入力幅は適用しません。CSSは4,096文字までです。
代替の構造
外側ratio-frame、内側ratio-box、ratio-contentの構造を使います。外側が幅を指定します。代替はheight: 0と高さ/幅 × 100%のpadding-top、内容はabsoluteとinset: 0です。対応ルールはheightをauto、paddingを0に戻しaspect-ratioを適用します。ローカルで動作します。
実寸と条件比較
各条件で幅と高さ、または対角線と比率を選びます。換算は1 in = 2.54 cm = 25.4 mm、1 ft = 12 in。面積は出力単位の二乗です。正のピクセル寸法で比率を指定できますが、実寸は求められません。レポートのコピーとTXTは同じ固定結果で、CSSコピーはCSSだけです。
よくある質問
あわせて知りたいこと
小数の比率を使えますか？
はい。正の有限小数を使えます。両方が整数の場合のみ約分します。
外側の枠が必要なのはなぜ？
パーセントの余白は親の幅を使うため、指定した幅や最大幅と一致させます。
プレビューに幅の単位は適用されますか？
いいえ。制限された表示サイズで比率を示します。検証した長さは生成CSSに含まれます。
ピクセル寸法から対角線を求められますか？
いいえ。幅:高さだけが分かります。実際の幅と高さ、または対角線を入力してください。
入力を編集するとどうなりますか？
前の結果と出力は消えます。再計算で新しい固定レポートを作成します。