16px naar 24px vloeiende lettergrootte
Bereken een echte vloeiende CSS clamp()-waarde vanuit een minimale en maximale grootte over twee viewport-breedtes, met de helling en het snijpunt stap voor stap getoond en een live resize-preview.
Wordt volledig in uw browser verwerkt. Niets wat u hier invoert, wordt ooit geüpload.
Resultaat
Over dit hulpmiddel
Een lettergrootte vloeiend laten schalen van 16px naar 24px is een van de meest gestelde vragen bij het zoeken naar CSS clamp(), omdat 16px bijna universeel de standaard voor broodtekst is en 24px een veelvoorkomende stap omhoog voor een iets grotere kop- of inleidende alineatekst. Deze pagina opent de calculator met exact dat paar al ingevuld voor een viewport-bereik van 320px tot 1280px, zodat de clamp()-regel direct klaarstaat.
Als je alleen de statische rem- of em-waarde van 16px of 24px nodig hebt — zonder enige viewport-afhankelijke schaling — dan geeft de px-naar-rem-converter dat in één stap; deze calculator is voor het geval dat de waarde zelf vloeiend moet veranderen wanneer het browservenster groter of kleiner wordt, in plaats van vast op één rem-waarde te blijven staan.
De onderstaande uitsplitsing laat precies zien hoe 16px en 24px worden omgezet in een helling, een vw-coëfficiënt en een y-as-snijpunt, en met de live-preview-schuifregelaar sleep je door het 320–1280px-bereik om de tekst in realtime van de ene naar de andere grootte te zien groeien voordat je de CSS-regel in je stylesheet plakt.