Kibao cha Uchapaji cha Majimaji

Tengeneza kipimo cha fonti cha mstari cha CSS kati ya upana wa sehemu mbili za kutazama.

Thamani za ingizo

Usemi wa kubana wa CSS

—

CSS uliozalishwa ni thamani ya kuanzia. Pendelea vitengo vya maandishi husika inapobidi na ujaribu kukuza, kuongeza ukubwa wa maandishi na kufurika.

Fomula

Tumia m = 100(f₁−f₀)/(v₁−v₀) na b = f₀−mv₀/100. Ukubwa wa umajimaji ni clamp(f₀, b + m×vw, f₁); f inaashiria ukubwa wa fonti na v inaashiria upana wa sehemu ya kutazama.

Tengeneza kipimo cha fonti cha mstari cha CSS kati ya upana wa sehemu mbili za kutazama.

Mfano uliofanyiwa kazi

Ukubwa wa chini kabisa wa fonti (px): 16
Ukubwa wa juu kabisa wa fonti (px): 24
Upana wa chini kabisa wa sehemu za kutazama (px): 400
Upana wa juu kabisa wa sehemu za kutazama (px): 1200

Usemi wa kubana wa CSS: clamp(16px, calc(12px + 1vw), 24px)
Kipimo cha sehemu ya kutazama: 1 vw
Pikseli ya kukatiza: 12 px

Matumizi na mipaka

CSS uliozalishwa ni thamani ya kuanzia. Pendelea vitengo vya maandishi husika inapobidi na ujaribu kukuza, kuongeza ukubwa wa maandishi na kufurika.

Ingizo hukaguliwa kwa thamani zinazokosekana na masafa yanayoruhusiwa. Matokeo nje ya masafa ya nambari yenye kikomo hayaonyeshwi. Kuzungusha huathiri onyesho, huku hesabu ikitumia usahihi wa nambari wa modeli.

Angalia vitengo na mawazo yako kabla ya kutegemea matokeo. Kubadilisha lebo hakubadilishi sarafu au kitengo halisi.

Toleo la fomula: 174bffea8b3a · Mfano umechaguliwa: 2026-10-30

Mbinu