Generátor rozteče kapaliny Clamp().
Vypočítejte skutečnou fluidní hodnotu CSS clamp() z minimální a maximální velikosti přes dvě šířky výřezu, se sklonem a průsečíkem zobrazeným krok za krokem a živým náhledem změny velikosti.
Výsledek
CSS clamp() funguje přesně stejným způsobem pro mezery jako pro velikost písma – vlastnost je náhodou margin, padding nebo gap místo font-size. Tato stránka otevře kalkulačku s rozsahem 8 až 32 pixelů v zobrazovacím poli 320 až 1280 pixelů, což je běžný krok pro výplň sekcí nebo mezery na kartách, které by měly být těsné na telefonu a prostorné na stolním počítači bez dotazu na média v dohledu.
Základní matematika se nestará o to, co čísla představují: stejný vzorec sklonu a průsečíku osy y, který vytváří velikost nadpisu tekutiny, vytváří hodnotu mezery mezi tekutinami, takže níže uvedený rozpis přesně ukazuje, jak se 8px a 32px změní na čáru clamp() připravenou pro kopírování pro výplň: clamp(...).
Přetažením posuvníku šířky výřezu si zobrazíte náhled, jak by vypadaly rozestupy při jakékoli šířce mezi dvěma body přerušení, upravte minimální a maximální hodnoty pro užší nebo volnější rozsah a zkopírujte hotovou čáru přímo do libovolné vlastnosti rozestupu.