Manne Mai Sauƙi

Haifar da sikelin font na layi CSS tsakanin faɗin viewport guda biyu.

Ƙimomin shigarwa

CSS bayyanar matsewa

—

An samar da CSS ƙimar farawa ce. Fi son raka'o'in rubutu na dangi inda ya dace kuma gwada zuƙowa, sikelin rubutu da ambaliya.

Ƙa’ida

Yi amfani da m = 100(f₁−f₀)/(v₁−v₀) da b = f₀−mv₀/100. Girman ruwa shine clamp(f₀, b + m×vw, f₁); f yana nuna girman rubutu kuma v yana nuna faɗin tashar kallo.

Haifar da sikelin font na layi CSS tsakanin faɗin viewport guda biyu.

Misalin aiki

Mafi ƙarancin girman font (px): 16
Matsakaicin girman font (px): 24
Mafi ƙarancin faɗin viewport (px): 400
Matsakaicin faɗin viewport (px): 1200

CSS bayyanar matsewa: clamp(16px, calc(12px + 1vw), 24px)
Ma'aunin Viewport: 1 vw
Katsewar pixel: 12 px

Amfani da iyakoki

An samar da CSS ƙimar farawa ce. Fi son raka'o'in rubutu na dangi inda ya dace kuma gwada zuƙowa, sikelin rubutu da ambaliya.

Ana duba shigarwar don ƙimar da ta ɓace da kuma kewayon da aka yarda. Ba a nuna sakamako a wajen iyakataccen adadin lambobi ba. Zagaye yana shafar nuni, yayin da lissafin yana amfani da daidaiton lambobi na samfurin.

Duba raka'o'inku da zato kafin dogara da sakamako. Canza lakabin ba ya canza kuɗi ko naúrar zahiri.

Sigar tsari: 174bffea8b3a · An duba misali: 2026-10-30

Hanya