16px tot 24px Vloeiende lettergrootte
Bereken een echte vloeiende CSS-clamp()-waarde op basis van een minimale en maximale grootte over twee viewport-breedten, waarbij de helling en het snijpunt stap voor stap worden weergegeven en een live voorbeeld van het formaat wijzigen.
Resultaat
Het vloeiend schalen van een lettergrootte van 16px naar 24px is een van de meest voorkomende vragen bij CSS-clamp()-zoekopdrachten, omdat 16px de vrijwel universele standaard voor de hoofdtekst is en 24px vaak een stap hoger is voor een iets grotere kop of hoofdparagraaf. Op deze pagina wordt de rekenmachine geopend met precies dat paar vooraf ingevuld in een viewportbereik van 320 px tot 1280 px, zodat de regel klem() gereed is zodra deze wordt geladen.
Als je alleen het statische rem- of em-equivalent van 16px of 24px nodig hebt - zonder enige op viewport gebaseerde schaling - beantwoordt de px naar rem-converter dat in één stap; deze rekenmachine is bedoeld voor het geval waarin de waarde zelf soepel zou moeten veranderen naarmate het browservenster groter wordt, in plaats van vast te blijven zitten op één remwaarde.
De onderstaande uitsplitsing laat precies zien hoe 16px en 24px veranderen in een helling, een vw-coëfficiënt en een kruispunt van de y-as, en met de live preview-schuifregelaar kun je door het bereik van 320-1280px slepen om de tekst in realtime van de ene grootte naar de andere te zien groeien voordat je de CSS-regel naar je stylesheet kopieert.