Šķidruma atstatuma skava () ģenerators
Aprēķiniet reālu šķidru CSS clamp() vērtību no minimālā un maksimālā izmēra divos skata loga platumos, soli pa solim parādot slīpumu un krustojumu, kā arī reāllaika izmēru maiņas priekšskatījumu.
Rezultāts
CSS clamp() darbojas tieši tādā pašā veidā attiecībā uz atstarpēm kā fonta izmēram — rekvizīts vienkārši ir piemale, polsterējums vai atstarpe, nevis fonta lielums. Šajā lapā tiek atvērts kalkulators ar diapazonu no 8 pikseļiem līdz 32 pikseļiem 320–1280 pikseļu skata logā, kas ir parasts solis sadaļu polsterēšanai vai karšu atstarpēm, kam vajadzētu justies šauri tālrunī un ietilpīgi darbvirsmā bez multivides vaicājuma.
Pamatā esošajai matemātikai ir vienalga, ko attēlo skaitļi: tā pati slīpuma un y-ass krustojuma formula, kas rada mainīgu virsraksta izmēru, rada šķidruma atstarpes vērtību, tāpēc tālāk redzamais sadalījums precīzi parāda, kā 8 pikseļi un 32 pikseļi pārvēršas kopēšanai gatavā clamp() līnijā polsterēšanai: clamp(...).
Velciet skata loga platuma slīdni, lai priekšskatītu, kā atstatums būtu jebkurā platumā starp diviem pārtraukuma punktiem, pielāgojiet minimālās un maksimālās vērtības, lai iegūtu šaurāku vai brīvāku diapazonu, un kopējiet gatavo rindu tieši tajā atstarpes rekvizītā, kurā tas ir nepieciešams.