ऐसा clamp() जनरेट करें जो छोटी स्क्रीन से लेकर बड़ी स्क्रीन तक टेक्स्ट को स्मूदली स्केल करता है।
clamp(min, preferred, max) प्रेफर्ड वैल्यू का उपयोग करता है लेकिन इसे कभी भी min–max रेंज से बाहर नहीं जाने देता। rem + vw की प्रेफर्ड वैल्यू के साथ, टेक्स्ट व्यूपोर्ट की चौड़ाई के अनुसार लीनियर रूप से बढ़ता है और दोनों सिरों पर रुक जाता है। एक ही लाइन मीडिया क्वेरीज़ के पूरे सेट की जगह ले लेती है।
(min viewport, min size) और (max viewport, max size) से होकर गुजरने वाली एक सीधी रेखा। Slope = (max size − min size) ÷ (max viewport − min viewport)। Slope × 100 vw का कोएफ़िशिएंट (गुणांक) है; y-इंटरसेप्ट इसका स्थिर (fixed) हिस्सा है।
जब यूज़र्स अपने ब्राउज़र का बेस फ़ॉन्ट साइज़ बढ़ाते हैं, तो rem स्केल होता है। इसे px में फ़िक्स करने से वह सेटिंग नज़रअंदाज़ हो जाती है — जो कि एक्सेसिबिलिटी की दृष्टि से अनुचित है। जब तक कोई खास वजह न हो, rem का ही उपयोग करें।
केवल vw संकरी स्क्रीन पर बहुत छोटा और चौड़ी स्क्रीन पर बहुत बड़ा हो जाता है। clamp दोनों छोरों को सीमित रखता है।
हाँ — यही गणित padding, gap और margin पर भी लागू होता है।
2020 के बाद से सभी प्रमुख ब्राउज़रों में उपलब्ध। IE में नहीं, जो अब समर्थित नहीं है।
आप बस अपने न्यूनतम और अधिकतम फ़ॉन्ट साइज़ के साथ संगत न्यूनतम और अधिकतम व्यूपोर्ट चौड़ाई दर्ज करें।
हाँ, एक समर्पित कॉपी बटन आपको जनरेट किए गए clamp() CSS नियम को तुरंत कॉपी करने की सुविधा देता है।
जनरेट किया गया फ़ॉर्मूला आपके द्वारा तय की गई न्यूनतम और अधिकतम सीमाओं के बीच स्मूद स्केलिंग बनाने के लिए rem और vw यूनिट्स को मिलाता है।
नहीं, यह CSS clamp कैलकुलेटर बिना साइन अप किए सीधे आपके ब्राउज़र में उपयोग करने के लिए पूरी तरह मुफ़्त है।