CSS Clamp Calculator
Generate a fluid clamp() from two sizes and two viewports.
Loading tool…
About this tool
Solves the linear equation between your two breakpoints and expresses the slope in vw units, so the value scales smoothly and stops at both ends.
Limitations
- Sizing text in vw alone can break browser zoom; the rem-based output here keeps user scaling intact.
Questions
- Why not use vw on its own?
- A viewport-only value ignores the user's font size preference and effectively disables text zoom. The rem term in the middle of the clamp is what keeps it accessible.
Privacy
This page does its work in your browser. What you paste is processed by JavaScript running on your own device and is never sent to a DevToolery server — there is no server that could receive it. The page itself is a static file delivered by a CDN. See exactly what is stored.