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