CSS clamp() कैलकुलेटर
छोटे व्यूपोर्ट पर एक आकार दीजिए और बड़े व्यूपोर्ट पर एक। आपको वह clamp() मिलेगा जो rem में दोनों के बीच सहजता से बदलता है, ताकि पाठक के ब्राउज़र में तय फ़ॉन्ट साइज़ का असर बना रहे।
फुर्तीली भूरी लोमड़ी
टाइप स्केल
rem क्यों, px क्यों नहीं
px में लिखा आकार उस फ़ॉन्ट साइज़ को अनदेखा करता है जो पाठक ने अपने ब्राउज़र में चुना है। वही डिक्लेरेशन rem में लिखा हो तो वह उसी के साथ स्केल होता है, यानी जिसने अपना डिफ़ॉल्ट 20px रखा है उसे आपके तय 16 की जगह बड़ा टेक्स्ट मिलेगा। व्यूपोर्ट वाला हिस्सा फिर भी vw में ही रहता है — वह स्क्रीन की चौड़ाई की बात है, पाठक की पसंद की नहीं।
अक्सर पूछे जाने वाले प्रश्न
बीच वाली वैल्यू क्या करती है?
यह आपके दोनों बिंदुओं से गुज़रती एक सीधी रेखा है: एक इंटरसेप्ट और vw में एक ढलान। छोटे व्यूपोर्ट से नीचे यह न्यूनतम पर, बड़े से ऊपर अधिकतम पर टिक जाती है।
क्या अधिकतम, न्यूनतम से छोटा हो सकता है?
हाँ, और clamp() फिर भी ठीक काम करता है — पर स्क्रीन बड़ी होने पर आकार घटता जाता है, जो शायद ही कभी आप चाहते हैं। ऐसा होने पर पेज आपको बता देता है।
क्या कुछ भी आपके सर्वर पर भेजा जाता है?
नहीं। यह आपके ब्राउज़र में बस गणित है; आप जो लिखते हैं वह पेज से बाहर नहीं जाता।
GO AI टीम ने बनाया। सभी मुफ़्त टूल