मोबाइल और डेस्कटॉप व्यूपोर्ट के बीच फ़ॉन्ट साइज़ को आसानी से स्केल करके अचानक मीडिया क्वेरी जंप से बचें।
फ़ॉन्ट रेंज निर्धारित करें
न्यूनतम फ़ॉन्ट साइज़ (जैसे 16px) और अधिकतम फ़ॉन्ट साइज़ (जैसे 32px) दर्ज करें।
व्यूपोर्ट की सीमाएं सेट करें
निचली व्यूपोर्ट सीमा (जैसे 375px) और ऊपरी व्यूपोर्ट सीमा (जैसे 1440px) बताएं।
clamp() कोड कॉपी करें
अपना जनरेट किया गया CSS clamp() स्निपेट लेने के लिए कॉपी बटन पर क्लिक करें।
ब्राउज़र का साइज़ बदलने पर फ़ॉन्ट साइज़ को लीनियर तरीके से स्केल करने के लिए rem और vw में सटीक स्लोप और y-इंटरसेप्ट की गणना करता है।
क्लीन, सिंगल-लाइन CSS कोड देता है जिसे आप सीधे अपनी Tailwind कॉन्फ़िग या स्टाइलशीट में कॉपी कर सकते हैं।
हाँ, CSS clamp() को सभी प्रमुख आधुनिक वेब ब्राउज़रों में यूनिवर्सल सपोर्ट प्राप्त है।
rem को vw के साथ जोड़ने से डायनामिक स्केलिंग के साथ-साथ यूज़र के एक्सेसिबिलिटी फ़ॉन्ट ज़ूम सेटिंग्स का भी ध्यान रखा जाता है।