Code, data, at QR na tool

Kalkulador ng Aspect Ratio

Ilagay ang lapad:taas at alam na dimensyon, o piliin ang CSS mode para sa ratio box. May 16:9, 4:3, 1:1, 9:16, 21:9, 3:2, 2:3, 4:5 at opsyonal na lapad at pinakamalaking lapad. Tumatanggap ang pisikal na mode ng lapad at taas, o diagonal at ratio ng lapad:taas. May sariling input at output unit ang bawat sitwasyon. Ratio lamang ang pixel, hindi pisikal na haba.

Lokal na pinoproseso sa browserHindi kailangan ng accountMga detalye ng pagkapribado ↗

Maglagay ng positibong finite na numero at suportadong mode at unit. Dapat finite at hindi zero ang mga resulta.

Ratio na walang dimensyon / pixel; hindi tinutukoy ng pixel ang pisikal na laki.

Paano gamitin

Paano gamitin

  1. Piliin ang dimensyon, CSS o pisikal na screen; gamitin ang walong preset o sariling positibong ratio.
  2. Ilagay ang alam na dimensyon, suportadong CSS length, o pisikal na laki/diagonal at unit; magdagdag ng mga sitwasyong may pangalan kung kailangan.
  3. Kalkulahin ang buong talahanayan. Kopyahin nang hiwalay ang CSS o kopyahin/i-download ang nakapirming ulat. Binubura ng pag-edit ang dating resulta.

Mga numero at ulat

Tinatanggap ang positibong finite na decimal nang walang arbitraryong hangganan ng laki. Tinatanggihan ang blangko, hindi suportadong mode/unit, overflow at underflow ng resulta patungong zero. Ginagamit sa integer ratio ang orihinal na decimal at eksaktong integer arithmetic. Floating-point arithmetic ng browser ang pisikal na laki at lawak. Pinananatili ng ulat ang orihinal na string, na-parse na numero, unit, modelo at lahat ng resulta sa buong precision. Hindi aktuwal na sukat ang mga ipinakitang numero.

Ligtas na CSS length at preview

Ang lapad at pinakamalaking lapad ay positibong numero ≤100,000 na may px, rem, em, %, vw o vh, hanggang 24 character. Walang expression o arbitrary na CSS. Blangkong lapad = 100%; blangkong max-width ay inaalis. Taas/lapad ay 0.0001–10,000. Kasya sa lugar ang static na preview at hindi nito ginagamit ang inilagay na lapad. Hanggang 4,096 character ang CSS.

Istruktura ng fallback

Gamitin ang panlabas na ratio-frame, panloob na ratio-box at ratio-content. Frame ang nagtatakda ng lapad. Fallback: height: 0, padding-top na taas/lapad × 100%, at absolute na content na inset: 0. Ibinabalik ng supports rule ang height sa auto at padding sa 0 bago gamitin ang aspect-ratio. Lokal ang lahat.

Pisikal na laki at mga sitwasyon

Piliin ang lapad at taas o diagonal at ratio sa bawat sitwasyon. Mga conversion: 1 in = 2.54 cm = 25.4 mm; 1 ft = 12 in. Naka-square na output unit ang lawak. Maaaring itakda ng positibong pixel na dimensyon ang ratio ngunit hindi ang pisikal na laki. Parehong nakapirming ulat ang Copy report at TXT; CSS lamang ang Copy CSS.

Mga madalas itanong

Maaari mo ring alamin

Maaari ba ang decimal ratio?

Oo. Positibong finite na decimal ay tinatanggap; kapag parehong integer lamang pinapababa ang ratio.

Bakit may panlabas na frame?

Lapad ng containing block ang batayan ng percentage padding. Tinitiyak ng frame na tugma ang fallback sa sariling width o max-width.

Ginagamit ba sa preview ang width unit?

Hindi. Ipinapakita nito ang ratio sa limitadong laki; nasa nabuong CSS ang nasuring length.

Matutukoy ba ng pixel na dimensyon ang diagonal?

Hindi. Lapad:taas lamang ang matutukoy. Ibigay ang pisikal na lapad at taas o diagonal.

Ano ang mangyayari kapag nag-edit ako?

Mabubura ang dating resulta at export. Kalkulahin muli para sa bagong nakapirming ulat.