Generátor svoriek () rozmiestnenia tekutín
Vypočítajte skutočnú fluidnú hodnotu CSS clamp() z minimálnej a maximálnej veľkosti cez dve šírky výrezu, pričom krok za krokom sa zobrazí sklon a priesečník a ukážka zmeny veľkosti v reálnom čase.
Výsledok
CSS clamp() funguje presne rovnakým spôsobom pre medzery ako pre veľkosť písma – vlastnosť je náhodou margin, padding alebo gap namiesto font-size. Táto stránka otvorí kalkulačku s rozsahom 8 až 32 pixelov v zobrazovacej oblasti 320 až 1 280 pixelov, čo je bežný krok pre výplň sekcií alebo medzier na kartách, ktoré by sa mali zdať tesné na telefóne a priestranné na pracovnej ploche bez mediálneho dopytu v dohľade.
Základná matematika sa nestará o to, čo čísla predstavujú: rovnaký vzorec sklonu a priesečníka osi y, ktorý vytvára veľkosť nadpisu tekutiny, vytvára hodnotu rozstupu tekutiny, takže nižšie uvedené rozdelenie presne ukazuje, ako sa 8px a 32px zmení na čiaru svorky () pripravenej na kopírovanie pre výplň: svorka(...).
Potiahnutím posúvača šírky výrezu zobrazíte ukážku, ako by sa rozstupy cítili pri akejkoľvek šírke medzi dvoma bodmi prerušenia, upravte minimálne a maximálne hodnoty pre užší alebo voľnejší rozsah a skopírujte hotovú čiaru priamo do ľubovoľnej vlastnosti rozstupov.