CSS clamp()

न्यूनतम/अधिकतम फ़ॉन्ट · व्यूपोर्ट → प्रतिक्रियाशील clamp() सूत्र

Min font (px)

Max font (px)

Min viewport (px)

Max viewport (px)

Preview viewport: 800px

The quick brown fox jumps over the lazy dog.

24.00px @ 800px

CSS

font-size: clamp(1.000rem, 1.6667vw + 0.6667rem, 2.000rem);

कैसे उपयोग करें

दर्ज करें
दर्ज करें
Drag the preview slider to simulate how the font scales at different viewport widths and read the live pixel value.
Copy the generated clamp() expression and paste it into your CSS.

Min font 16px, max font 32px, min viewport 320px, max viewport 1280px produces clamp(16px, 1.667vw + 10.667px, 32px).
At a 800px preview viewport the live display shows approximately 23px, confirming smooth scaling between the two extremes.

उत्पादन में उपयोग से पहले आउटपुट सत्यापित करें। कोई वारंटी नहीं — देखें शर्तें.